Sebastian Krüger
3305b12c02
Extract shared actionBtn and iconBtn constants into lib/utils/styles.ts and replace all 11 local definitions across tool components. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
12 lines
781 B
TypeScript
12 lines
781 B
TypeScript
/**
|
|
* Shared Tailwind class strings for consistent UI patterns across tools.
|
|
*/
|
|
|
|
/** 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';
|