fix(workspace): 创作工作台 - 修复线上样式层级并优化 Agent、菜单与素材密度

2026-09-20 05:29:52 +08:00
parent b9d60f9807
commit cfcc53a904
21 changed files with 671 additions and 110 deletions
--- a/web/src/styles/workspace-menus.css
+++ b/web/src/styles/workspace-menus.css
@@ -0,0 +1,46 @@
+/* Same layer as the legacy overlay rules; explicit component classes keep
+   menus quiet without changing dialogs, notifications or the canvas editor. */
+@layer utilities {
+    .workspace-quiet-popup.ant-select-dropdown,
+    .workspace-quiet-popup .ant-dropdown-menu,
+    .workspace-quiet-popup .ant-popover-container,
+    .workspace-account-popover .ant-popover-container {
+        border: 0 !important;
+        border-radius: var(--user-radius-card) !important;
+        background: var(--user-surface-raised) !important;
+        background-image: none !important;
+        box-shadow: none !important;
+    }
+
+    .workspace-quiet-popup.ant-select-dropdown,
+    .workspace-quiet-popup .ant-dropdown-menu {
+        padding: var(--space-2);
+    }
+
+    .workspace-quiet-popup :where(.ant-select-item-option, .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title) {
+        border-radius: var(--user-radius-control) !important;
+        color: var(--user-ink) !important;
+    }
+
+    .workspace-quiet-popup .ant-dropdown-menu-item-danger {
+        color: var(--destructive) !important;
+    }
+
+    .workspace-quiet-popup .ant-select-item-option-active:not(.ant-select-item-option-disabled),
+    .workspace-quiet-popup .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover,
+    .workspace-quiet-popup .ant-dropdown-menu-submenu-title:not(.ant-dropdown-menu-item-disabled):hover {
+        background: var(--user-surface-muted) !important;
+    }
+
+    .workspace-quiet-popup .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
+    .workspace-quiet-popup .ant-dropdown-menu-item-selected {
+        background: var(--user-surface-hover) !important;
+        color: var(--user-ink) !important;
+        font-weight: 600;
+    }
+
+    .workspace-quiet-popup .ant-dropdown-menu-item-disabled,
+    .workspace-quiet-popup .ant-select-item-option-disabled {
+        color: var(--user-ink-soft) !important;
+    }
+}