53 lines
2.5 KiB
TypeScript
53 lines
2.5 KiB
TypeScript
/** Inset around the white card in the main column; aligns header search with the card edge. */
|
|
export const DRIVE_MAIN_INSET_X = "px-1 max-sm:px-0"
|
|
|
|
/** Horizontal inset for public share pages (breadcrumb + card clear screen edges). */
|
|
export const PUBLIC_SHARE_INSET_X = "px-4 sm:px-6"
|
|
|
|
/** Horizontal padding inside the white browser card (breadcrumb, filters, grid, list). */
|
|
export const DRIVE_CARD_PAD_X = "px-4"
|
|
|
|
/** Top padding for content inside the scroll area (not on the scroll container — avoids a gap above sticky headers). */
|
|
export const DRIVE_CARD_SCROLL_PT = "pt-3"
|
|
|
|
/** Space between filter/bulk chrome and file grid. */
|
|
export const DRIVE_FILTER_CONTENT_GAP = "pb-4"
|
|
|
|
/** Tighter gap before list column headers (headers carry their own top padding). */
|
|
export const DRIVE_FILTER_LIST_CONTENT_GAP = "pb-0"
|
|
|
|
/** Spacer below scrollable file content — xs clears bottom bar, sm+ adds card breathing room. */
|
|
export const DRIVE_SCROLL_END_SPACER_CLASS =
|
|
"shrink-0 h-6 max-sm:h-[calc(5.5rem+env(safe-area-inset-bottom))]"
|
|
|
|
/** Bouton icône discret (chevron, menu, toolbar). */
|
|
export const DRIVE_ICON_BTN =
|
|
"text-muted-foreground hover:bg-mail-nav-hover hover:text-foreground"
|
|
|
|
/** Ligne racine sidebar drive (Mon Drive, Récents, sections…). */
|
|
export const DRIVE_SIDEBAR_ROW_CLASS =
|
|
"group flex min-w-0 items-center rounded-lg text-sm"
|
|
|
|
/** Colonne chevron / retrait — aligne icônes et libellés entre lignes. */
|
|
export const DRIVE_SIDEBAR_CARET_SLOT_CLASS =
|
|
"flex h-7 w-6 shrink-0 items-center justify-center"
|
|
|
|
/** Corps de ligne (icône + libellé) après la colonne caret. */
|
|
export const DRIVE_SIDEBAR_ROW_BODY_CLASS =
|
|
"flex min-w-0 flex-1 items-center gap-2 py-1.5 pr-2"
|
|
|
|
/** Bouton menu « ⋮ » sur fil d'Ariane / cartes. */
|
|
export const DRIVE_MENU_BTN =
|
|
"flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground hover:bg-mail-nav-hover"
|
|
|
|
/** Bouton menu ouvert. */
|
|
export const DRIVE_MENU_BTN_ACTIVE = "bg-mail-nav-hover"
|
|
|
|
/** Champ recherche header — hauteur fixe (ne pas hériter flex-1 du mail). */
|
|
export const DRIVE_SEARCH_INPUT_WRAP_CLASS =
|
|
"relative flex h-12 w-full min-w-0 shrink-0 items-center rounded-full border border-border bg-mail-surface-elevated shadow-sm transition-shadow focus-within:shadow-md"
|
|
|
|
/** xs full-bleed browser card with rounded corners (mail-style inset on sm+). */
|
|
export const DRIVE_BROWSER_CARD_CLASS =
|
|
"flex min-h-0 flex-1 flex-col overflow-hidden rounded-2xl bg-mail-surface shadow-sm max-sm:rounded-none max-sm:shadow-none"
|