fix: 优化侧栏并接入品牌脱敏

This commit is contained in:
fengxiangdebaozi committed 2026-07-16 09:48:40 +08:00
1 parent 0bd0ac41cd
commit 4a59da7ff0
6 files changed
+43 -55

No files matched your search

+8 -11
View File
@@ -31,6 +31,8 @@ function PageLayout() {
const location = useLocation();
const { theme } = useTheme();
const isDark = theme === "dark";
// 深色导航侧栏不提供收起入口,始终保持展开,避免切换主题后沿用浅色模式的收起状态。
const sidebarCollapsed = isDark ? false : collapsed;
// 浅色非嵌入:侧边栏为新版「二级导航图标卡片」窄栏(96px);wujie 嵌入仍走旧版手风琴(64/256px)。
const inWujie = useMemo(() => isWujieEnv(), []);
const lightNarrowSidebar = !isDark && !inWujie;
@@ -74,17 +76,14 @@ function PageLayout() {
return (
<RoundtableJobNotifier>
<div className="h-full flex flex-col bg-muted/20">
{pageSidebarAllowed && <Header collapsed={collapsed} />}
{pageSidebarAllowed && <Header collapsed={sidebarCollapsed} />}
<div className="flex flex-1 overflow-hidden">
{pageSidebarAllowed && (
isDark ? (
<PageSidebarDark
collapsed={collapsed}
onToggleCollapsed={() => setCollapsed((prev) => !prev)}
/>
<PageSidebarDark />
) : (
<PageSidebar
collapsed={collapsed}
collapsed={sidebarCollapsed}
onToggleCollapsed={() => setCollapsed((prev) => !prev)}
/>
)
@@ -94,10 +93,8 @@ function PageLayout() {
!pageSidebarAllowed
? ""
: isDark
// 深色 sidebar:展开 118px(10 + 98 + 10 gap),收起 = 0 sidebar 完全消失,
// 只剩左下角浮动按钮(fixed,叠在 main 上不影响布局)。
// 不加 transition:transition + sidebar 立刻 unmount 不同步会抽搐
? (collapsed ? "pl-0" : "pl-[118px]")
// 深色 sidebar 固定展开 118px(10 + 98 + 10 gap)。
? "pl-[118px]"
: lightNarrowSidebar
// 浅色新版窄栏:展开三级列时 96→236px,主内容左内边距随之过渡
? `transition-[padding] duration-300 ${lightExpanded ? "pl-[236px]" : "pl-[96px]"}`
@@ -111,7 +108,7 @@ function PageLayout() {
path="workspace/*"
element={
<WorkspaceRoutes
pageSidebarCollapsed={collapsed}
pageSidebarCollapsed={sidebarCollapsed}
pageSidebarHidden={!pageSidebarAllowed}
headerHidden={!pageSidebarAllowed}
compactWorkspaceSidebar={pageSidebarAllowed}