Files
PaperClipAI/ui/src/components/contextual-sidebar-styles.ts
T

16 lines
676 B
TypeScript

/**
* Shared visual contract for the Skills and Apps contextual navigation rails.
*
* Keep these surfaces on the same token-backed spacing and typography so their
* navigation hierarchy cannot drift as either area evolves.
*/
export const contextualSidebarStyles = {
nav: "flex min-h-0 flex-1 flex-col overflow-y-auto scrollbar-auto-hide px-3 py-2",
group: "flex flex-col gap-0.5",
section: "mt-4 border-t border-border pt-3",
sectionLabel:
"px-2 pb-1 text-(length:--text-micro) font-semibold uppercase tracking-wide text-muted-foreground",
sectionDescription:
"px-4 pb-1.5 text-(length:--text-micro) leading-snug text-muted-foreground/70",
} as const;