refactor(web): 工作区布局 - 侧栏改 260px 可折叠导航、顶栏移入主区并统一账户按钮
- 侧栏由 64px 图标 rail 改为 260px 可折叠导航：分组、设置分区子项、钱包余额徽章、⌘K 命令面板入口、激活分支自动展开 - 顶栏移入主内容区（侧栏右侧）：面包屑、主题切换、公告中心、账户菜单；移除冗余搜索按钮（保留侧栏搜索与 ⌘K） - 账户按钮与其余图标按钮视觉对齐：24px 圆角头像、占位图标复用统一图标合同、移除触发按钮角标 - 新增命令面板与登出 hook；浮层背景不透明化并收敛到唯一源规则
This commit is contained in:
sikongyue
@@ -403,6 +403,8 @@
|
||||
--workspace-sidebar: var(--workspace-navigation);
|
||||
--workspace-accent: #171717;
|
||||
--workspace-accent-soft: rgba(17, 17, 17, 0.07);
|
||||
--workspace-sidebar-width: 260px; /* 侧栏展开宽度（组件 token）*/
|
||||
--workspace-sidebar-nav-width: 260px; /* 侧栏导航内容宽度，不受折叠状态影响 */
|
||||
|
||||
/* --- Semantic 层（引用 Primitive，随主题切换）--- */
|
||||
/* 通用语义色（引用 Primitive neutral 色板）*/
|
||||
@@ -690,8 +692,6 @@
|
||||
--page-topbar-surface: var(--bg-secondary);
|
||||
--page-topbar-border: var(--workspace-border);
|
||||
--canvas-topbar-surface: var(--workspace-glass-surface);
|
||||
--rail-icon-size: 18px;
|
||||
|
||||
/* Canvas 创建菜单：固定行高保证图标、徽标和单行标签互不挤占 */
|
||||
--canvas-create-node-height: var(--space-12);
|
||||
--canvas-create-resource-height: var(--space-8);
|
||||
@@ -890,7 +890,7 @@
|
||||
--workspace-border-strong: rgba(17, 17, 17, 0.2);
|
||||
--workspace-grid-line: rgba(17, 17, 17, 0.035);
|
||||
--workspace-nav: var(--workspace-navigation);
|
||||
--workspace-sidebar: var(--workspace-navigation);
|
||||
--workspace-sidebar: color-mix(in srgb, var(--workspace-surface) 55%, var(--workspace-navigation));
|
||||
--workspace-accent: #171717;
|
||||
--workspace-accent-soft: rgba(17, 17, 17, 0.065);
|
||||
background-color: var(--workspace-canvas);
|
||||
@@ -911,7 +911,7 @@
|
||||
--workspace-border-strong: rgba(255, 255, 255, 0.18);
|
||||
--workspace-grid-line: rgba(255, 255, 255, 0.026);
|
||||
--workspace-nav: var(--workspace-navigation);
|
||||
--workspace-sidebar: var(--workspace-navigation);
|
||||
--workspace-sidebar: color-mix(in srgb, var(--workspace-surface) 55%, var(--workspace-navigation));
|
||||
--workspace-accent: #f5f5f5;
|
||||
--workspace-accent-soft: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
@@ -932,7 +932,9 @@
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar {
|
||||
width: var(--workspace-sidebar-width, 260px) !important;
|
||||
border: 0;
|
||||
border-right: 1px solid color-mix(in srgb, var(--foreground) 7%, transparent);
|
||||
border-radius: 0;
|
||||
background: var(--workspace-sidebar);
|
||||
box-shadow: none;
|
||||
@@ -944,9 +946,35 @@
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* 侧栏导航子项展开引导线：替代每组子项自行维护的分割线 */
|
||||
.app-workspace-nav-guide-line {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
border-left: 1px solid color-mix(in srgb, var(--foreground) 6%, transparent);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 分组标题：小号大写标签，弱化但可读 */
|
||||
.app-workspace-nav-group-label {
|
||||
display: block;
|
||||
padding: 0 10px 6px;
|
||||
font-size: var(--fs-label);
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.06em;
|
||||
text-transform: uppercase;
|
||||
color: color-mix(in srgb, var(--foreground) 36%, transparent);
|
||||
}
|
||||
|
||||
/* 工作区切换器下拉浮层 */
|
||||
.app-workspace-nav-popover {
|
||||
box-shadow: 0 18px 48px color-mix(in srgb, var(--foreground) 12%, transparent), 0 2px 10px color-mix(in srgb, var(--foreground) 6%, transparent);
|
||||
}
|
||||
|
||||
body.app-spatial-overlays {
|
||||
--workspace-overlay-bg: rgba(244, 244, 245, 0.78);
|
||||
--workspace-overlay-bg-strong: rgba(250, 250, 250, 0.88);
|
||||
--workspace-overlay-bg: rgba(244, 244, 245, 1);
|
||||
--workspace-overlay-bg-strong: rgba(250, 250, 250, 1);
|
||||
--workspace-overlay-border: rgba(17, 17, 17, 0.22);
|
||||
--workspace-overlay-divider: rgba(17, 17, 17, 0.1);
|
||||
--workspace-overlay-highlight: rgba(255, 255, 255, 0.86);
|
||||
@@ -956,8 +984,8 @@
|
||||
}
|
||||
|
||||
.dark body.app-spatial-overlays {
|
||||
--workspace-overlay-bg: rgba(10, 10, 11, 0.78);
|
||||
--workspace-overlay-bg-strong: rgba(15, 15, 16, 0.88);
|
||||
--workspace-overlay-bg: rgba(10, 10, 11, 1);
|
||||
--workspace-overlay-bg-strong: rgba(15, 15, 16, 1);
|
||||
--workspace-overlay-border: rgba(255, 255, 255, 0.22);
|
||||
--workspace-overlay-divider: rgba(255, 255, 255, 0.105);
|
||||
--workspace-overlay-highlight: rgba(255, 255, 255, 0.2);
|
||||
@@ -980,21 +1008,12 @@
|
||||
.ant-notification-notice
|
||||
) {
|
||||
border: 1px solid var(--workspace-overlay-border) !important;
|
||||
background:
|
||||
linear-gradient(145deg, var(--workspace-overlay-highlight), transparent 24%, transparent 76%, rgba(158, 178, 214, 0.055)),
|
||||
var(--workspace-overlay-bg) !important;
|
||||
box-shadow:
|
||||
var(--workspace-overlay-shadow),
|
||||
inset 0 1px 0 var(--workspace-overlay-highlight),
|
||||
inset 1px 0 0 color-mix(in srgb, var(--workspace-overlay-highlight) 36%, transparent) !important;
|
||||
backdrop-filter: blur(30px) saturate(138%) !important;
|
||||
-webkit-backdrop-filter: blur(30px) saturate(138%) !important;
|
||||
background: var(--workspace-overlay-bg-strong) !important;
|
||||
box-shadow: var(--workspace-overlay-shadow) !important;
|
||||
}
|
||||
|
||||
body.app-spatial-overlays :where(.ant-modal-content, .ant-drawer-content, .ant-notification-notice) {
|
||||
background:
|
||||
linear-gradient(145deg, var(--workspace-overlay-highlight), transparent 20%, transparent 82%, rgba(158, 178, 214, 0.05)),
|
||||
var(--workspace-overlay-bg-strong) !important;
|
||||
background: var(--workspace-overlay-bg-strong) !important;
|
||||
}
|
||||
|
||||
body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-inner, .ant-cascader-menus, .ant-mentions-dropdown) {
|
||||
@@ -1053,25 +1072,6 @@
|
||||
-webkit-backdrop-filter: blur(7px);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-transparency: reduce) {
|
||||
body.app-spatial-overlays :where(
|
||||
.ant-dropdown-menu,
|
||||
.ant-select-dropdown,
|
||||
.ant-popover-inner,
|
||||
.ant-picker-dropdown .ant-picker-panel-container,
|
||||
.ant-cascader-menus,
|
||||
.ant-mentions-dropdown,
|
||||
.ant-tooltip-inner,
|
||||
.ant-modal-content,
|
||||
.ant-drawer-content,
|
||||
.ant-message-notice-content,
|
||||
.ant-notification-notice
|
||||
) {
|
||||
background: var(--workspace-overlay-bg-strong) !important;
|
||||
backdrop-filter: none !important;
|
||||
-webkit-backdrop-filter: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-brand-mark {
|
||||
border: 1px solid color-mix(in srgb, var(--workspace-accent) 36%, transparent);
|
||||
@@ -1080,15 +1080,6 @@
|
||||
box-shadow: 0 8px 24px color-mix(in srgb, var(--workspace-accent) 18%, transparent);
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-nav-link.is-active {
|
||||
background: var(--workspace-accent-soft);
|
||||
color: var(--foreground);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-nav-link.is-active::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-stage {
|
||||
border-radius: 0;
|
||||
@@ -1184,15 +1175,18 @@
|
||||
|
||||
@media (max-width: 639px) {
|
||||
.app-workspace-shell.is-spatial {
|
||||
gap: 6px;
|
||||
padding: 6px;
|
||||
gap: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar,
|
||||
.app-workspace-shell.is-spatial .app-workspace-stage {
|
||||
border-radius: 6px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* 窄屏下侧栏常驻，收缩到图标主轨，避免遮挡主内容 */
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar.is-collapsed {
|
||||
width: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
@@ -1200,14 +1194,21 @@
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.app-workspace-shell .app-workspace-sidebar {
|
||||
width: 0 !important;
|
||||
border-right: 0 !important;
|
||||
transition: width var(--motion-state) var(--ease-aceternity);
|
||||
}
|
||||
|
||||
.app-workspace-shell .app-workspace-sidebar.is-mobile-expanded {
|
||||
position: absolute;
|
||||
z-index: 40;
|
||||
inset: 6px auto 6px 6px;
|
||||
width: min(196px, calc(100vw - 58px));
|
||||
box-shadow: 22px 0 70px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||||
width: min(264px, calc(100vw - 58px)) !important;
|
||||
border: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent);
|
||||
border-radius: 12px;
|
||||
box-shadow: 22px 0 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 color-mix(in srgb, white 7%, transparent);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.app-user-workspace {
|
||||
@@ -1215,6 +1216,7 @@
|
||||
}
|
||||
|
||||
.app-workspace-shell {
|
||||
position: relative;
|
||||
background: var(--workspace-page);
|
||||
}
|
||||
|
||||
@@ -1224,6 +1226,23 @@
|
||||
transition: width var(--motion-state) var(--ease-aceternity);
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar {
|
||||
border-right: 1px solid color-mix(in srgb, var(--foreground) 7%, transparent);
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar.is-collapsed {
|
||||
width: 0 !important;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.app-workspace-sidebar .app-workspace-sidebar-scroll-area {
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.app-workspace-sidebar .app-workspace-sidebar-scroll-area::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.app-workspace-stage,
|
||||
.app-user-content,
|
||||
.app-workspace-grid {
|
||||
@@ -1308,10 +1327,13 @@
|
||||
position: relative;
|
||||
z-index: var(--z-toolbar);
|
||||
height: var(--page-topbar-h);
|
||||
background: var(--workspace-navigation);
|
||||
border: 0;
|
||||
border-bottom: 1px solid var(--workspace-border);
|
||||
border-radius: 0;
|
||||
background: var(--workspace-surface-strong);
|
||||
box-shadow: none;
|
||||
backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
|
||||
backdrop-filter: none;
|
||||
-webkit-backdrop-filter: none;
|
||||
}
|
||||
|
||||
.app-workspace-topbar-icon-button {
|
||||
@@ -1327,8 +1349,7 @@
|
||||
}
|
||||
|
||||
.app-workspace-topbar-icon-button > svg,
|
||||
.app-workspace-topbar-icon-button > span > svg,
|
||||
.app-workspace-nav-icon {
|
||||
.app-workspace-topbar-icon-button > span > svg {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
stroke-width: 1.8;
|
||||
@@ -1344,123 +1365,20 @@
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
/* 品牌区：∞ 标 + 影策 字标，hover 加深强调 */
|
||||
.app-workspace-brand-link {
|
||||
border-radius: var(--r-md);
|
||||
}
|
||||
|
||||
.app-workspace-brand-mark {
|
||||
transition: box-shadow var(--motion-instant) ease-out;
|
||||
}
|
||||
|
||||
/* 品牌字标：弱化但可读，hover 加深 */
|
||||
.app-workspace-brand-wordmark {
|
||||
color: color-mix(in srgb, var(--foreground) 78%, transparent);
|
||||
letter-spacing: 0.01em;
|
||||
transition: color var(--motion-instant) ease-out;
|
||||
}
|
||||
|
||||
.app-workspace-brand-link:hover .app-workspace-brand-wordmark,
|
||||
.app-workspace-brand-link:focus-visible .app-workspace-brand-wordmark {
|
||||
/* 侧栏激活项：主操作角色成对定义（浅色/深色主题同一 token） */
|
||||
.app-workspace-nav-link.is-active {
|
||||
background: var(--workspace-accent-soft);
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
.app-workspace-brand-link:hover .app-workspace-brand-mark {
|
||||
box-shadow: 0 0 0 1px color-mix(in srgb, var(--foreground) 24%, transparent);
|
||||
}
|
||||
|
||||
.app-workspace-brand-link:focus-visible {
|
||||
outline: 2px solid color-mix(in srgb, var(--workspace-accent) 46%, transparent);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
.app-workspace-rail {
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.app-workspace-rail-header,
|
||||
.app-workspace-rail-footer {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.app-workspace-rail-middle {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-rail .app-workspace-rail-tile {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
border-radius: var(--r-md);
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.app-workspace-rail nav {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.app-workspace-rail nav + nav {
|
||||
margin-top: var(--space-4) !important;
|
||||
}
|
||||
|
||||
.app-workspace-rail [title*="积分"] {
|
||||
border-radius: var(--r-md) !important;
|
||||
}
|
||||
|
||||
.app-workspace-rail .app-workspace-rail-tile svg,
|
||||
.app-workspace-rail .app-workspace-account-icon {
|
||||
width: var(--rail-icon-size);
|
||||
height: var(--rail-icon-size);
|
||||
}
|
||||
|
||||
/* 侧栏轨道：默认 / 悬停 / 激活三态成对定义 */
|
||||
.app-workspace-rail .app-workspace-nav-link {
|
||||
color: color-mix(in srgb, var(--foreground) 55%, transparent);
|
||||
transition: background-color var(--motion-instant) ease-out, color var(--motion-instant) ease-out;
|
||||
}
|
||||
|
||||
.app-workspace-rail .app-workspace-nav-link:hover:not(.is-active) {
|
||||
background: var(--surface-hover);
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
.app-workspace-rail .app-workspace-nav-link.is-active {
|
||||
background: var(--workspace-accent-soft) !important;
|
||||
color: var(--foreground) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.app-workspace-rail .app-workspace-nav-link.is-active::before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 底部账号区：40px 触点 + 头像 hover 反馈增强 */
|
||||
.app-workspace-rail-footer button:hover > span:first-child {
|
||||
box-shadow: 0 0 0 1px color-mix(in srgb, var(--foreground) 22%, transparent);
|
||||
}
|
||||
|
||||
.app-workspace-rail-footer button:hover .app-workspace-account-icon {
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
.app-workspace-account-button:focus-visible {
|
||||
outline: 2px solid var(--control-focus-ring);
|
||||
outline-offset: 2px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.app-workspace-account-button :where(span, svg):focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.app-workspace-nav-link.is-active {
|
||||
background: var(--surface-hover);
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
.app-workspace-nav-link.is-active::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.app-workspace-icon-button {
|
||||
display: inline-flex;
|
||||
@@ -1539,12 +1457,12 @@
|
||||
|
||||
.app-workspace-sidebar-scroll-area.has-top-fade::before {
|
||||
top: 0;
|
||||
background: var(--workspace-navigation);
|
||||
background: linear-gradient(to bottom, var(--workspace-sidebar), transparent);
|
||||
}
|
||||
|
||||
.app-workspace-sidebar-scroll-area.has-bottom-fade::after {
|
||||
bottom: 0;
|
||||
background: var(--workspace-navigation);
|
||||
background: linear-gradient(to top, var(--workspace-sidebar), transparent);
|
||||
}
|
||||
|
||||
.workspace-signal-icon {
|
||||
@@ -3295,53 +3213,11 @@
|
||||
padding: 0;
|
||||
background: var(--workspace-canvas);
|
||||
}
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar {
|
||||
width: var(--workspace-sidebar-width, 88px) !important;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: var(--workspace-canvas);
|
||||
box-shadow: none;
|
||||
backdrop-filter: none;
|
||||
-webkit-backdrop-filter: none;
|
||||
}
|
||||
.dark .app-workspace-shell.is-spatial .app-workspace-sidebar { box-shadow: none; }
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-stage {
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar > div:first-child {
|
||||
height: 96px;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar > div:first-child a > span:not(.app-workspace-brand-mark) { display: none; }
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar .app-workspace-brand-mark {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 10px;
|
||||
background: transparent;
|
||||
color: var(--foreground);
|
||||
}
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar nav { padding: 18px 10px; }
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar nav > div { display: none; }
|
||||
.app-workspace-shell.is-spatial .app-workspace-nav-link {
|
||||
height: 62px !important;
|
||||
flex-direction: column;
|
||||
justify-content: center !important;
|
||||
gap: 5px !important;
|
||||
margin: 0 0 9px;
|
||||
padding: 0 !important;
|
||||
color: var(--foreground);
|
||||
font-size: 10px;
|
||||
}
|
||||
.app-workspace-shell.is-spatial .app-workspace-nav-link > svg { width: 20px; height: 20px; }
|
||||
.app-workspace-shell.is-spatial .app-workspace-nav-link > span { display: block !important; font-size: 10px; line-height: 1.1; }
|
||||
.app-workspace-shell.is-spatial .app-workspace-nav-link.is-active { background: transparent; color: var(--foreground); box-shadow: none; }
|
||||
.app-workspace-shell.is-spatial .app-workspace-nav-link.is-active::before { display: none; }
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar > div:last-child { border-top: 0; padding: 12px 10px 18px; }
|
||||
.app-workspace-shell.is-spatial[data-sidebar-collapsed="true"] .app-workspace-nav-link > span,
|
||||
.app-workspace-shell.is-spatial[data-sidebar-collapsed="true"] .app-workspace-sidebar > div:first-child a > span:not(.app-workspace-brand-mark) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
@@ -8036,17 +7912,6 @@ html:not(.dark) .creation-history-drawer-root {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-inner, .ant-modal-content, .ant-drawer-content, .ant-message-notice-content, .ant-notification-notice) {
|
||||
background: var(--popover) !important;
|
||||
background-image: none !important;
|
||||
box-shadow: var(--shadow-xl) !important;
|
||||
backdrop-filter: none !important;
|
||||
}
|
||||
|
||||
body.app-spatial-overlays :where(.ant-modal-mask, .ant-drawer-mask) {
|
||||
background: color-mix(in srgb, var(--foreground) 48%, transparent) !important;
|
||||
backdrop-filter: blur(3px) !important;
|
||||
}
|
||||
|
||||
/* 鼠标点击不留下“选中框”；键盘导航仍通过 :focus-visible 保留可发现的焦点提示。 */
|
||||
:where(button:not(:disabled), a[href], [role="button"]:not([aria-disabled="true"]), label[for], input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled), .ant-btn:not(:disabled), .ant-switch:not(.ant-switch-disabled), .ant-select:not(.ant-select-disabled), .ant-dropdown-trigger, .ant-tabs-tab, .ant-segmented-item, .ant-pagination-item, .ant-pagination-prev, .ant-pagination-next, .ant-dropdown-menu-item, .ant-menu-item, .ant-select-item-option, .ant-checkbox-wrapper, .ant-radio-wrapper, .ant-upload, .ant-collapse-header, .ant-slider, .ant-rate-star, .ant-tag-checkable) {
|
||||
@@ -8068,12 +7933,6 @@ body.app-spatial-overlays :where(.ant-modal-mask, .ant-drawer-mask) {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.app-workspace-shell.is-spatial .app-workspace-sidebar {
|
||||
background: var(--workspace-sidebar) !important;
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
backdrop-filter: none !important;
|
||||
}
|
||||
|
||||
/* 显式兜底：Tailwind 生成的 hover 背景在部分层叠顺序下未生效，这里保持语义 token 一致。 */
|
||||
.hover\:bg-surface-hover:hover {
|
||||
|
||||
Reference in New Issue
Block a user