From 04706deb1746f838722396c8e9eacd0f17c5c464 Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 3 Feb 2026 15:21:02 +0800 Subject: [PATCH] feat: move nav to left rail and slim width Shift the vertical navigation to the left, narrow the rail, and sync light/dark styling with layout offsets. --- app/(admin)/layout.tsx | 2 +- app/(chat)/layout.tsx | 2 +- app/canvas/[id]/layout.tsx | 2 +- components/top-navbar.tsx | 14 +++++++------- components/ui/sidebar.tsx | 4 ++-- 5 files changed, 12 insertions(+), 12 deletions(-) diff --git a/app/(admin)/layout.tsx b/app/(admin)/layout.tsx index 547548055..227fbf655 100644 --- a/app/(admin)/layout.tsx +++ b/app/(admin)/layout.tsx @@ -43,7 +43,7 @@ export default async function AdminLayout({ tutorialEnabled={siteSettings.tutorialEnabled ?? false} rankingEnabled={siteSettings.rankingEnabled ?? true} /> -
{children}
+
{children}
); } diff --git a/app/(chat)/layout.tsx b/app/(chat)/layout.tsx index 3676ee9a1..502123154 100644 --- a/app/(chat)/layout.tsx +++ b/app/(chat)/layout.tsx @@ -63,7 +63,7 @@ async function SidebarWrapper({ children }: { children: React.ReactNode }) { tutorialEnabled={siteSettings.tutorialEnabled ?? false} rankingEnabled={siteSettings.rankingEnabled ?? true} /> -
+
{children}
diff --git a/app/canvas/[id]/layout.tsx b/app/canvas/[id]/layout.tsx index 5f9eb5727..193132a73 100644 --- a/app/canvas/[id]/layout.tsx +++ b/app/canvas/[id]/layout.tsx @@ -59,7 +59,7 @@ async function CanvasLayoutWrapper({ children }: { children: React.ReactNode }) tutorialEnabled={siteSettings.tutorialEnabled ?? false} rankingEnabled={siteSettings.rankingEnabled ?? true} /> -
+
{children}
diff --git a/components/top-navbar.tsx b/components/top-navbar.tsx index c4ce89501..f0601e759 100644 --- a/components/top-navbar.tsx +++ b/components/top-navbar.tsx @@ -140,8 +140,8 @@ export function TopNavbar({ }; const navItemBaseClass = - "flex h-14 w-14 flex-col items-center justify-center gap-1 rounded-xl text-white hover:bg-white/10 transition-colors"; - const navLabelClass = "text-[10px] leading-none font-medium"; + "flex h-12 w-12 flex-col items-center justify-center gap-1 rounded-xl text-gray-800 hover:bg-black/5 transition-colors dark:text-white dark:hover:bg-white/10"; + const navLabelClass = "text-[10px] leading-none font-medium text-gray-700 dark:text-white/90"; // 打开图片编辑器 - 直接打开，不触发上传 const handleOpenImageEditor = () => { @@ -201,7 +201,7 @@ export function TopNavbar({ }; const navContent = ( -