2026-03-03 10:26:53 +01:00
|
|
|
/**
|
|
|
|
|
* Shared Tailwind class strings for consistent UI patterns across tools.
|
|
|
|
|
*/
|
|
|
|
|
|
2026-03-03 10:36:19 +01:00
|
|
|
/** Smaller button for card title rows (copy, share, export icons next to a section label) */
|
|
|
|
|
export const cardBtn =
|
|
|
|
|
'flex items-center gap-1 px-2 py-1 text-[10px] font-mono glass rounded-md border border-border/30 text-muted-foreground hover:text-primary hover:border-primary/30 hover:bg-primary/10 transition-all disabled:opacity-40 disabled:cursor-not-allowed';
|
|
|
|
|
|
2026-03-03 10:26:53 +01:00
|
|
|
/** Standard action button used throughout all tools (copy, download, share, apply…) */
|
|
|
|
|
export const actionBtn =
|
|
|
|
|
'flex items-center gap-1.5 px-3 py-1.5 text-xs font-mono glass rounded-lg border border-border/30 text-muted-foreground hover:text-primary hover:border-primary/30 hover:bg-primary/10 transition-all disabled:opacity-40 disabled:cursor-not-allowed';
|
|
|
|
|
|
|
|
|
|
/** Small square icon-only button (animate preview controls, timeline actions) */
|
|
|
|
|
export const iconBtn =
|
|
|
|
|
'flex items-center justify-center glass rounded-lg border border-border/30 text-muted-foreground hover:text-primary hover:border-primary/30 hover:bg-primary/10 transition-all disabled:opacity-40 disabled:cursor-not-allowed';
|
