refactor(web): 工作区布局 - 侧栏与主区展开菜单取消阴影
- 侧栏切换器下拉浮层与主区 AntD 下拉/弹出菜单(账户菜单、公告中心)取消阴影,层级改由边框与背景对比表达
This commit is contained in:
@@ -111,7 +111,7 @@ function WorkspaceSwitcher({ onNavigate }: { onNavigate: () => void }) {
|
||||
{isOpen ? (
|
||||
<>
|
||||
<div className="fixed inset-0 z-40" onClick={() => setIsOpen(false)} />
|
||||
<div className="app-workspace-nav-popover absolute left-3 right-3 top-full z-50 mt-1 overflow-hidden rounded-lg border border-[var(--workspace-border)] bg-[var(--workspace-surface-strong)] py-1 shadow-xl animate-in fade-in zoom-in-95 duration-100">
|
||||
<div className="app-workspace-nav-popover absolute left-3 right-3 top-full z-50 mt-1 overflow-hidden rounded-lg border border-[var(--workspace-border)] bg-[var(--workspace-surface-strong)] py-1 animate-in fade-in zoom-in-95 duration-100">
|
||||
<div className="px-3 py-2.5">
|
||||
<div className="truncate text-[var(--fs-body)] font-semibold">影策</div>
|
||||
<div className="mt-0.5 truncate text-[var(--fs-label)] text-foreground/45">创作工作台</div>
|
||||
|
||||
@@ -952,7 +952,7 @@
|
||||
|
||||
/* 工作区切换器下拉浮层 */
|
||||
.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);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
body.app-spatial-overlays {
|
||||
@@ -1003,6 +1003,11 @@
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
/* 展开菜单(下拉/弹出)取消阴影:层级由边框 + 背景对比表达 */
|
||||
body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-inner, .ant-cascader-menus, .ant-mentions-dropdown) {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
body.app-spatial-overlays :where(
|
||||
.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled),
|
||||
.ant-dropdown-menu-submenu-title:not(.ant-dropdown-menu-item-disabled),
|
||||
|
||||
Reference in New Issue
Block a user