From fbfe3256c8eb16a7b5d7cc26909e88064cc0ec11 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 29 May 2026 14:32:11 +0800
Subject: [PATCH] refactor: unify admin settings toolbar

---
 .../_components/admin-settings-navigation.tsx | 37 ++++++-------------
 1 file changed, 11 insertions(+), 26 deletions(-)

diff --git a/app/(admin)/settings/_components/admin-settings-navigation.tsx b/app/(admin)/settings/_components/admin-settings-navigation.tsx
index 601ff24bb..ce6465a57 100644
--- a/app/(admin)/settings/_components/admin-settings-navigation.tsx
+++ b/app/(admin)/settings/_components/admin-settings-navigation.tsx
@@ -246,12 +246,6 @@ export function AdminSettingsNavigation({
               </SelectContent>
             </Select>
 
-            {activeItem ? (
-              <p className="truncate text-muted-foreground text-xs">
-                {activeItem.description}
-              </p>
-            ) : null}
-
             <div className="flex flex-wrap gap-1">
               {(activeGroup?.items ?? []).map((item) => (
                 <SettingsQuickAction
@@ -264,8 +258,8 @@ export function AdminSettingsNavigation({
             </div>
           </div>
 
-          <div className="hidden gap-3 md:flex md:items-start">
-            <div className="flex shrink-0 items-center gap-2">
+          <div className="hidden md:block">
+            <div className="flex min-w-0 items-center gap-1 overflow-x-auto pb-1">
               {ADMIN_SETTINGS_NAV_GROUPS.map((group) => (
                 <SettingsGroupDropdown
                   activeTab={activeTab}
@@ -274,26 +268,17 @@ export function AdminSettingsNavigation({
                   onTabChange={onTabChange}
                 />
               ))}
-            </div>
 
-            <Separator className="mt-1 h-6" orientation="vertical" />
+              <Separator className="mx-1 h-5 shrink-0" orientation="vertical" />
 
-            <div className="min-w-0 flex-1">
-              <div className="flex min-w-0 items-center gap-1 overflow-x-auto pb-1">
-                {(activeGroup?.items ?? []).map((item) => (
-                  <SettingsQuickAction
-                    activeTab={activeTab}
-                    item={item}
-                    key={item.value}
-                    onTabChange={onTabChange}
-                  />
-                ))}
-              </div>
-              {activeItem ? (
-                <p className="truncate px-1 pt-1 text-muted-foreground text-xs">
-                  {activeItem.description}
-                </p>
-              ) : null}
+              {(activeGroup?.items ?? []).map((item) => (
+                <SettingsQuickAction
+                  activeTab={activeTab}
+                  item={item}
+                  key={item.value}
+                  onTabChange={onTabChange}
+                />
+              ))}
             </div>
           </div>
         </div>