refactor(web): 工作区布局 - 顶栏改为嵌在主区卡片内的圆角工具条
- 移除全宽横条与 border-bottom 分隔线,改为悬浮圆角工具条(12px 圆角、9% 边框、柔和阴影、顶部高光),嵌在主区卡片内、四周留白对齐内容区\n- 层级改由边框 + 阴影表达,不再使用分隔线\n- 暗色主题阴影收敛为黑色阴影
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user