refactor: unify admin settings toolbar

This commit is contained in:
Your Name 2026-05-29 14:32:11 +08:00
parent de70a23ff6
commit fbfe3256c8

View File

@ -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>