Files
image-studio/view/bottom-controls/styles.ts
2026-07-03 17:26:50 +02:00

24 lines
717 B
TypeScript

export function bottomControlDividerClass() {
return "mx-1 h-4 w-px bg-white/15";
}
export function bottomControlLabelClass() {
return "text-white/60";
}
export function bottomControlValueClass() {
return "min-w-10 text-center text-white";
}
export function bottomControlInputClass() {
return "h-7 w-14 px-1 text-center text-white outline-none transition placeholder:text-white/30 focus:text-white";
}
export function bottomControlIconSlotClass() {
return "grid size-7 place-items-center rounded-full text-white/80";
}
export function bottomControlButtonClass() {
return `${bottomControlIconSlotClass()} transition hover:bg-white/10 hover:text-white focus:outline-none focus-visible:outline-none`;
}