lunanting/ai-chatbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: unify admin settings toolbar

Browse Source
This commit is contained in:
Your Name 2026-05-29 14:32:11 +08:00
parent de70a23ff6
commit fbfe3256c8
1 changed files with 11 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
app/(admin)/settings/_components/admin-settings-navigation.tsx
View File

@ -246,12 +246,6 @@ export function AdminSettingsNavigation({
</SelectContent> </SelectContent>
</Select> </Select>
{activeItem ? (
<p className="truncate text-muted-foreground text-xs">
{activeItem.description}
</p>
) : null}
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
{(activeGroup?.items ?? []).map((item) => ( {(activeGroup?.items ?? []).map((item) => (
<SettingsQuickAction <SettingsQuickAction
@ -264,8 +258,8 @@ export function AdminSettingsNavigation({
</div> </div>
</div> </div>
<div className="hidden gap-3 md:flex md:items-start"> <div className="hidden md:block">
<div className="flex shrink-0 items-center gap-2"> <div className="flex min-w-0 items-center gap-1 overflow-x-auto pb-1">
{ADMIN_SETTINGS_NAV_GROUPS.map((group) => ( {ADMIN_SETTINGS_NAV_GROUPS.map((group) => (
<SettingsGroupDropdown <SettingsGroupDropdown
activeTab={activeTab} activeTab={activeTab}
@ -274,26 +268,17 @@ export function AdminSettingsNavigation({
onTabChange={onTabChange} 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"> {(activeGroup?.items ?? []).map((item) => (
<div className="flex min-w-0 items-center gap-1 overflow-x-auto pb-1"> <SettingsQuickAction
{(activeGroup?.items ?? []).map((item) => ( activeTab={activeTab}
<SettingsQuickAction item={item}
activeTab={activeTab} key={item.value}
item={item} onTabChange={onTabChange}
key={item.value} />
onTabChange={onTabChange} ))}
/>
))}
</div>
{activeItem ? (
<p className="truncate px-1 pt-1 text-muted-foreground text-xs">
{activeItem.description}
</p>
) : null}
</div> </div>
</div> </div>
</div> </div>