Просмотр исходного кода

design: 顶栏品牌中英等权锁定(数据平台同字号字重深色)

tianyu.chu 1 месяц назад
Родитель
Сommit
c1bcffdf71
2 измененных файлов с 2 добавлено и 2 удалено
  1. 1 1
      apps/web/src/layout/AppLayout.tsx
  2. 1 1
      docs/04-设计规范.md

+ 1 - 1
apps/web/src/layout/AppLayout.tsx

@@ -45,7 +45,7 @@ export function AppLayout({ children }: Props) {
           HS <span className="text-primary">Data</span>
         </span>
         <span className="h-4 w-px bg-border" />
-        <span className="text-sm font-medium text-muted-foreground">数据平台</span>
+        <span className="text-[15px] font-bold tracking-tight text-foreground">数据平台</span>
         <div className="ml-auto flex items-center gap-2">
           <span className="flex items-center gap-1.5 text-xs text-muted-foreground">
             <span className="size-1.5 rounded-full bg-primary" />

+ 1 - 1
docs/04-设计规范.md

@@ -43,7 +43,7 @@
 
 ## 3. 布局(三段式 + 单一滚动区)
 
-- **顶栏**:白(`bg-card`)+ 底部细线;左 mint logo 图标 + 品牌「HS Data · 数据平台」,右 mint dot + `MVP`。
+- **顶栏**:白(`bg-card`)+ 底部细线;左 mint logo 图标 + 品牌锁定块「HS Data | 数据平台」(**中英等权**:同 15px 加粗、主文本深色,`Data` 用 mint 点缀,中间竖线分隔),右 mint dot + `MVP`。
 - **侧栏**:浅 slate-100(`--sidebar`,**有色不刺眼**,比主区沉一档);宽 `w-56`,可纵向滚动。
   - **三级导航树**(`NavTree.tsx`,IA 见 `docs/01` §2):L1 能力域(加粗 + 图标 + 展开箭头 ▸/▾)→ L2 分析模块 → L3 报表;L2/L3 用**左侧竖引导线**(`border-l border-sidebar-border`)+ 缩进,层级一眼可分。
   - **展开/折叠**(对齐主流后台):点 L1/L2 分组手动展开/折叠(不跳转);多个可同时展开;进入某页自动展开其所在分支,不折叠其它已展开分支。叶子才跳转。