refactor(web): 工作区布局 - 顶栏改为嵌在主区卡片内的圆角工具条

- 移除全宽横条与 border-bottom 分隔线,改为悬浮圆角工具条(12px 圆角、9% 边框、柔和阴影、顶部高光),嵌在主区卡片内、四周留白对齐内容区\n- 层级改由边框 + 阴影表达,不再使用分隔线\n- 暗色主题阴影收敛为黑色阴影
This commit is contained in:
sikongyue
2026-08-20 00:08:34 +08:00
parent cf07f42fc2
commit 3036df5956

View File

@@ -1369,15 +1369,23 @@
position: relative;
z-index: var(--z-toolbar);
height: var(--page-topbar-h);
border: 0;
border-bottom: 1px solid var(--workspace-border);
border-radius: 0;
margin: 10px 12px;
border: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent);
border-radius: var(--r-lg);
background: var(--workspace-surface-strong);
box-shadow: none;
box-shadow:
0 8px 24px color-mix(in srgb, var(--foreground) 8%, transparent),
inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.dark .app-workspace-topbar {
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.45),
inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
}
.app-workspace-topbar-icon-button {
display: inline-flex;
width: 36px;