Files
kandev/apps/web/components/settings/settings-control.ts
T
2026-08-16 19:18:21 +00:00

18 lines
724 B
TypeScript

import { cn } from "@/lib/utils";
import { SETTINGS_TYPOGRAPHY } from "./settings-typography";
/** Editable/select settings controls: touch-sized on phones, compact on desktop. */
export function settingsControlClassName(className?: string) {
return cn("min-h-11 md:min-h-7", SETTINGS_TYPOGRAPHY.control, className);
}
/** Credential and secret fields share the technical value treatment. */
export function settingsCredentialClassName(className?: string) {
return settingsControlClassName(cn("font-mono", className));
}
/** Settings actions use the same touch contract as editable controls. */
export function settingsActionClassName(className?: string) {
return cn(SETTINGS_TYPOGRAPHY.mobileAction, className);
}