fix(web): 1:1 对齐——页头通栏、内部滚动、侧栏菜单与详情导航
- Layout: screen 模式下约束 body/main 高度,恢复内容区内部滚动(原来内容把根撑高被裁切) - Layout: contentOffset=88,滚动区从页头下方开始,内容不再从悬浮搜索框下穿过 - 页头改回通栏 60px(contained 只包页身);资料卡头像恢复 64px 图标 + 品牌底色 - 详情导航条左右撑开(返回 / 面包屑),不再挤在左侧 - 侧栏菜单:行高 39、字重 500、圆角 8、CSS chevron、项间距 4px - 服务面板去掉多余分隔线与外边距,恢复原高度
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { Avatar, Card, Paragraph, Tag, Text, Title } from '@stash/ui'
|
||||
import { Avatar, Card, Icon, Text, Title } from '@stash/ui'
|
||||
import { PLACEHOLDER_PROFILE } from '../../profile'
|
||||
|
||||
/**
|
||||
@@ -10,10 +10,14 @@ export function ProfileCard() {
|
||||
|
||||
return (
|
||||
<Card padding="lg" className="profile-card">
|
||||
<Avatar size="xl" tone="primary" fallback="S" verified />
|
||||
<Avatar size="xl" tone="primary" icon={<Icon name="user_3_line" />} verified />
|
||||
<Title level={3}>{name}</Title>
|
||||
{!name.includes(role) && <Tag shape="rounded">{role}</Tag>}
|
||||
<Paragraph>{bio}</Paragraph>
|
||||
<Text size="xs" tone="muted">
|
||||
{role}
|
||||
</Text>
|
||||
<Text size="xs" tone="sub" className="profile-bio">
|
||||
{bio}
|
||||
</Text>
|
||||
<Text size="xs" tone="muted">
|
||||
IP 属地:{location}
|
||||
</Text>
|
||||
|
||||
Reference in New Issue
Block a user