67 lines
3.7 KiB
TypeScript
67 lines
3.7 KiB
TypeScript
export const shellLayoutClasses = {
|
|
root: "grid min-h-screen grid-cols-[240px,minmax(0,1fr)] bg-background text-foreground",
|
|
rootCollapsed:
|
|
"grid min-h-screen grid-cols-[80px,minmax(0,1fr)] bg-background text-foreground",
|
|
aside:
|
|
"sticky top-0 flex h-screen flex-col justify-between border-r border-border bg-card backdrop-blur",
|
|
asideCollapsed:
|
|
"sticky top-0 flex h-screen flex-col justify-between border-r border-border bg-card backdrop-blur",
|
|
asideStatic:
|
|
"sticky top-0 h-screen border-r border-border bg-card backdrop-blur",
|
|
brandSection:
|
|
"flex items-center justify-between px-5 py-4 md:block md:space-y-6 md:py-6",
|
|
brandSectionCollapsed:
|
|
"flex items-center justify-between px-3 py-4 md:block md:space-y-4 md:px-2 md:py-6",
|
|
brandWrap: "flex items-center gap-3 md:flex-col md:items-start",
|
|
brandWrapCollapsed: "flex items-center gap-3 md:flex-col md:items-center",
|
|
brandIcon:
|
|
"grid h-11 w-11 place-items-center rounded-xl bg-primary/15 text-primary shadow-[0_12px_30px_rgba(54,211,153,0.22)]",
|
|
brandIconCollapsed:
|
|
"grid h-11 w-11 place-items-center rounded-xl bg-primary/15 text-primary shadow-[0_12px_30px_rgba(54,211,153,0.22)]",
|
|
scopeBadge:
|
|
"hidden rounded-full border border-border px-3 py-2 text-xs text-muted-foreground md:inline-flex md:items-center md:gap-2",
|
|
navWrap: "px-2 pb-4 md:px-3 md:pb-8",
|
|
navWrapCollapsed: "px-2 pb-4 md:px-2 md:pb-8",
|
|
navMeta:
|
|
"flex flex-wrap gap-2 px-3 pb-4 text-[11px] text-muted-foreground md:flex-col md:items-start",
|
|
navList: "flex flex-col gap-1",
|
|
navItemBase:
|
|
"flex items-center gap-3 rounded-xl px-3 py-3 text-sm transition",
|
|
navItemBaseCollapsed:
|
|
"flex items-center justify-center gap-0 rounded-xl px-3 py-3 text-sm transition",
|
|
navItemActive:
|
|
"bg-primary/10 text-primary shadow-[0_12px_40px_rgba(54,211,153,0.18)]",
|
|
navItemIdle: "text-muted-foreground hover:bg-muted/10 hover:text-foreground",
|
|
sidebarFooterNotice:
|
|
"hidden space-y-2 px-5 pb-6 pt-2 text-xs text-[var(--color-muted)] md:block",
|
|
logoutButton:
|
|
"flex w-full items-center gap-3 rounded-xl px-3 py-3 text-sm text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
|
|
logoutButtonCollapsed:
|
|
"flex w-full items-center justify-center gap-0 rounded-xl px-3 py-3 text-sm text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
|
|
header:
|
|
"sticky top-0 z-20 border-b border-border bg-background/90 backdrop-blur",
|
|
headerElevated:
|
|
"sticky top-0 z-50 border-b border-border bg-background/90 backdrop-blur",
|
|
headerInner: "flex items-center justify-between px-5 py-4 md:px-8",
|
|
headerTitleWrap: "flex flex-col gap-1",
|
|
headerActions: "flex items-center gap-2 text-sm",
|
|
headerActionsCollapsed: "flex items-center gap-2 text-sm",
|
|
actionButton:
|
|
"inline-flex items-center gap-2 rounded-full border border-border px-3 py-2 text-muted-foreground transition hover:bg-muted/20",
|
|
sidebarToggleButton:
|
|
"inline-flex items-center gap-2 rounded-full border border-border px-3 py-2 text-muted-foreground transition hover:bg-muted/20",
|
|
sessionBadge:
|
|
"hidden rounded-full border px-3 py-2 text-xs font-medium md:inline-flex",
|
|
profileInitial:
|
|
"grid h-8 w-8 place-items-center rounded-full bg-primary/15 text-xs font-semibold text-primary",
|
|
profileMenu:
|
|
"absolute right-0 z-30 mt-2 w-72 rounded-xl border border-border bg-card p-3 shadow-xl",
|
|
profileCard:
|
|
"mt-2 flex flex-col gap-2 rounded-lg border border-border px-3 py-3",
|
|
settingsCard: "mt-2 rounded-lg border border-border px-3 py-3",
|
|
content: "relative",
|
|
contentWide: "relative min-w-0",
|
|
main: "px-5 py-6 md:px-10 md:py-10",
|
|
mainMinWidth: "min-w-0 px-5 py-6 md:px-10 md:py-10",
|
|
} as const;
|