32 lines
1004 B
TypeScript
32 lines
1004 B
TypeScript
"use client"
|
|
|
|
import { AdminLogo } from "@/components/admin/admin-logo"
|
|
import { HeaderAccountActions } from "@/components/suite/header-account-actions"
|
|
|
|
const SETTINGS_HREF = "/admin/settings"
|
|
|
|
export function AdminSettingsHeader() {
|
|
return (
|
|
<header
|
|
data-admin-settings-chrome-header
|
|
className="flex h-16 w-full shrink-0 items-center gap-0 bg-app-canvas pr-4 sm:gap-2"
|
|
>
|
|
<div className="hidden h-full w-64 shrink-0 items-center gap-2 pl-4 md:flex lg:w-72">
|
|
<AdminLogo className="min-h-8 shrink-0" />
|
|
<span className="text-sm font-medium text-muted-foreground">Administration</span>
|
|
</div>
|
|
|
|
<div className="flex shrink-0 items-center pl-2 md:hidden">
|
|
<AdminLogo variant="mark" className="h-8 w-8" />
|
|
</div>
|
|
|
|
<div className="flex min-w-0 flex-1 items-center px-1 sm:pl-1 sm:pr-1" />
|
|
|
|
<HeaderAccountActions
|
|
className="ml-auto shrink-0 pl-2 sm:pl-4"
|
|
settingsHref={SETTINGS_HREF}
|
|
/>
|
|
</header>
|
|
)
|
|
}
|