From 6b0c0a62e9c20379dff53589e796fe6b95e27279 Mon Sep 17 00:00:00 2001
From: stash <stash@local>
Date: Wed, 28 Oct 2026 19:45:37 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=201:1=20=E5=AF=B9=E9=BD=90=E2=80=94?=
 =?UTF-8?q?=E2=80=94=E9=A1=B5=E5=A4=B4=E9=80=9A=E6=A0=8F=E3=80=81=E5=86=85?=
 =?UTF-8?q?=E9=83=A8=E6=BB=9A=E5=8A=A8=E3=80=81=E4=BE=A7=E6=A0=8F=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E4=B8=8E=E8=AF=A6=E6=83=85=E5=AF=BC=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Layout: screen 模式下约束 body/main 高度，恢复内容区内部滚动（原来内容把根撑高被裁切）
- Layout: contentOffset=88，滚动区从页头下方开始，内容不再从悬浮搜索框下穿过
- 页头改回通栏 60px（contained 只包页身）；资料卡头像恢复 64px 图标 + 品牌底色
- 详情导航条左右撑开（返回 / 面包屑），不再挤在左侧
- 侧栏菜单：行高 39、字重 500、圆角 8、CSS chevron、项间距 4px
- 服务面板去掉多余分隔线与外边距，恢复原高度
---
 stash-web/src/App.css                         | 27 ++++++++++++++++---
 stash-web/src/App.tsx                         |  1 +
 .../src/components/sidebar/CategoryNav.tsx    |  2 +-
 .../src/components/sidebar/ProfileCard.tsx    | 12 ++++++---
 .../src/components/sidebar/ServicePanel.tsx   |  8 +++---
 5 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index e12a5eb..6c80588 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -35,7 +35,11 @@
   align-items: center;
   justify-content: space-between;
   gap: var(--su-space-4);
-  height: var(--su-header-height);
+  width: 100%;
+  max-width: var(--su-layout-width);
+  height: calc(var(--su-header-height) - 1px);
+  margin: 0 auto;
+  padding: 0 var(--su-space-5);
 }
 
 .site-brand {
@@ -89,7 +93,6 @@
   display: flex;
   flex-direction: column;
   gap: var(--su-space-5);
-  padding-top: 88px;
   padding-bottom: var(--su-space-10);
 }
 
@@ -111,6 +114,10 @@
   text-align: center;
 }
 
+.profile-bio {
+  line-height: 1.8;
+}
+
 .service-panel {
   padding: 12px 14px;
 }
@@ -118,8 +125,18 @@
 .service-stats {
   display: flex;
   flex-direction: column;
+  gap: 6px;
+  margin-top: 10px;
+}
+
+.service-actions {
+  display: flex;
   gap: var(--su-space-2);
-  margin: var(--su-space-3) 0;
+  margin-top: var(--su-space-3);
+}
+
+.service-actions > * {
+  flex: 1;
 }
 
 .service-host {
@@ -210,6 +227,10 @@
   padding: 12px var(--su-space-5);
 }
 
+.detail-nav > * {
+  width: 100%;
+}
+
 .detail-back {
   color: var(--su-color-primary);
   font-size: var(--su-font-size-md);
diff --git a/stash-web/src/App.tsx b/stash-web/src/App.tsx
index a35899e..ccfa17a 100644
--- a/stash-web/src/App.tsx
+++ b/stash-web/src/App.tsx
@@ -248,6 +248,7 @@ export default function App() {
         headerVariant="solid"
         siderBordered={false}
         contentPadding="none"
+        contentOffset={88}
         height="screen"
         scrollable
         contentId="content-scroll"
diff --git a/stash-web/src/components/sidebar/CategoryNav.tsx b/stash-web/src/components/sidebar/CategoryNav.tsx
index 7f4c34a..96c9897 100644
--- a/stash-web/src/components/sidebar/CategoryNav.tsx
+++ b/stash-web/src/components/sidebar/CategoryNav.tsx
@@ -66,7 +66,7 @@ export function CategoryNav({
 
   return (
     <Card padding="none" className="nav-card">
-      <Menu items={items} activeKey={activeKey} onSelect={handleSelect} />
+      <Menu items={items} activeKey={activeKey} onSelect={handleSelect} itemHeight={39} />
     </Card>
   )
 }
diff --git a/stash-web/src/components/sidebar/ProfileCard.tsx b/stash-web/src/components/sidebar/ProfileCard.tsx
index cc4cc14..95bcc7e 100644
--- a/stash-web/src/components/sidebar/ProfileCard.tsx
+++ b/stash-web/src/components/sidebar/ProfileCard.tsx
@@ -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>
diff --git a/stash-web/src/components/sidebar/ServicePanel.tsx b/stash-web/src/components/sidebar/ServicePanel.tsx
index 4e53eeb..dbe65d4 100644
--- a/stash-web/src/components/sidebar/ServicePanel.tsx
+++ b/stash-web/src/components/sidebar/ServicePanel.tsx
@@ -1,4 +1,4 @@
-import { Button, Card, Divider, Icon, Space, Tag, Text, Title } from '@stash/ui'
+import { Button, Card, Icon, Space, Tag, Text, Title } from '@stash/ui'
 import type { Project } from '../../api'
 
 /**
@@ -26,8 +26,6 @@ export function ServicePanel({ projects, live, refreshing, onRefresh }: ServiceP
         </Tag>
       </Space>
 
-      <Divider spacing="sm" />
-
       <div className="service-stats">
         <Space justify="between">
           <Text size="sm" tone="sub">
@@ -45,7 +43,7 @@ export function ServicePanel({ projects, live, refreshing, onRefresh }: ServiceP
         </Space>
       </div>
 
-      <Space gap="sm" wrap>
+      <div className="service-actions">
         <Button
           size="sm"
           variant="secondary"
@@ -61,7 +59,7 @@ export function ServicePanel({ projects, live, refreshing, onRefresh }: ServiceP
           <Icon name="link_3_line" />
           查看接口
         </a>
-      </Space>
+      </div>
     </Card>
   )
 }