Files
buzz/desktop/src/shared/ui/modalSearchStyles.ts
2026-06-16 17:06:12 +01:00

6 lines
718 B
TypeScript

export const MODAL_SEARCH_SHELL_CLASS =
"group/search mt-4 flex cursor-text items-center gap-3 rounded-xl border border-input bg-muted/40 px-3 py-2.5 transition-colors duration-150 ease-out hover:border-muted-foreground/40 focus-within:border-muted-foreground/50";
export const MODAL_SEARCH_INPUT_CLASS =
"block h-6 min-w-0 flex-1 border-0 bg-transparent p-0 text-sm leading-5 text-muted-foreground/55 shadow-none caret-foreground outline-none transition-colors duration-150 ease-out placeholder:text-muted-foreground/55 group-hover/search:text-muted-foreground group-hover/search:placeholder:text-muted-foreground group-focus-within/search:text-foreground group-focus-within/search:placeholder:text-foreground";