From c8d09d0016cdc5f5fddf19786fdde34fa8b56838 Mon Sep 17 00:00:00 2001 From: jerry Date: Wed, 2 Sep 2026 22:21:51 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E5=B1=95=E5=BC=80=E6=80=81=E5=9B=BE?= =?UTF-8?q?=E6=A0=87=E8=BD=A8=E6=A8=AA=E5=90=91=E6=8E=92=E5=B8=83=E5=B1=85?= =?UTF-8?q?=E5=BA=95(=E6=8A=98=E5=8F=A0=E6=80=81=E4=BF=9D=E6=8C=81?= =?UTF-8?q?=E7=BA=B5=E5=90=91=E5=B1=85=E4=B8=AD)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5 --- ui/src/components/session/SessionRail.vue | 8 ++++---- ui/src/styles/base.css | 5 +++-- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/ui/src/components/session/SessionRail.vue b/ui/src/components/session/SessionRail.vue index 2b387bf..f7dcd62 100644 --- a/ui/src/components/session/SessionRail.vue +++ b/ui/src/components/session/SessionRail.vue @@ -36,12 +36,12 @@ const emit = defineEmits(['open', 'goto-kg', 'goto-settings']); /* 兜底样式（类名按 UI_SPEC §3 / §7） */ .collapsed-rail { display: flex; - flex-direction: column; - align-items: flex-start; /* 展开态：图标靠左（原样图标，14px 对齐内容边距） */ + flex-direction: row; /* 展开态：三个图标横向一排 */ + align-items: center; gap: 14px; width: 100%; - padding: 0 0 14px 14px; - margin-top: auto; /* 沉底：与折叠态同一元素，切换时 Y 高度不变 */ + padding: 0 14px 14px; + margin-top: auto; /* 居底：与折叠态同一元素，切换时 Y 高度不变 */ } .rail-item { display: inline-flex; diff --git a/ui/src/styles/base.css b/ui/src/styles/base.css index f468420..a41cb67 100644 --- a/ui/src/styles/base.css +++ b/ui/src/styles/base.css @@ -174,8 +174,9 @@ html.drawer-open { overflow: hidden; } .session-panel .inner { display: flex; flex-direction: column; min-height: 0; width: 260px; flex: 1; transition: opacity .2s var(--pa-ease); } .side-collapsed .session-panel .inner { opacity: 0; pointer-events: none; } .side-collapsed .session-panel .collapsed-rail { - align-items: center; /* 折叠态：64px 轨内居中，图标原样 */ - padding: 0 0 14px; /* 折叠态：去掉展开态的左 14px（底 14px 两态一致） */ + flex-direction: column; /* 折叠态：64px 窄轨纵向排布 */ + align-items: center; /* 折叠态：轨内居中，图标原样 */ + padding: 0 0 14px; /* 折叠态：去掉展开态的水平 14px（底 14px 两态一致） */ } .rail-item { display: inline-flex; align-items: center; justify-content: center;