danvics/Handy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

slightly tweak styling

Browse source
This commit is contained in:
CJ Pais 2025-08-11 15:28:26 -07:00
parent c2b3815f56
commit 6be48caf82
2 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/settings/CustomWords.tsx
View file

@ -54,10 +54,10 @@ export const CustomWords: React.FC<CustomWordsProps> = React.memo(
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Input <Input
type="text" type="text"
className="max-w-[128px]" className="max-w-40"
value={newWord} value={newWord}
onChange={(e) => setNewWord(e.target.value)} onChange={(e) => setNewWord(e.target.value)}
onKeyPress={handleKeyPress} onKeyDown={handleKeyPress}
placeholder="Add a word" placeholder="Add a word"
variant="compact" variant="compact"
disabled={isUpdating("custom_words")} disabled={isUpdating("custom_words")}

15
src/components/ui/Button.tsx
View file

@ -12,19 +12,22 @@ export const Button: React.FC<ButtonProps> = ({
size = "md", size = "md",
...props ...props
}) => { }) => {
const baseClasses = "font-medium rounded focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed"; const baseClasses =
"font-medium rounded focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer";
const variantClasses = { const variantClasses = {
primary: "text-white bg-background-ui hover:bg-background-ui/90 focus:ring-1 focus:ring-background-ui", primary:
"text-white bg-background-ui hover:bg-background-ui/90 focus:ring-1 focus:ring-background-ui",
secondary: "bg-mid-gray/10 hover:bg-background-ui/30 focus:outline-none", secondary: "bg-mid-gray/10 hover:bg-background-ui/30 focus:outline-none",
danger: "text-white bg-red-600 hover:bg-red-700 focus:ring-1 focus:ring-red-500", danger:
ghost: "text-current hover:bg-mid-gray/10 focus:bg-mid-gray/20" "text-white bg-red-600 hover:bg-red-700 focus:ring-1 focus:ring-red-500",
ghost: "text-current hover:bg-mid-gray/10 focus:bg-mid-gray/20",
}; };
const sizeClasses = { const sizeClasses = {
sm: "px-2 py-1 text-xs", sm: "px-2 py-1 text-xs",
md: "px-3 py-1 text-sm", md: "px-4 py-[5px] text-sm",
lg: "px-4 py-2 text-base" lg: "px-4 py-2 text-base",
}; };
return ( return (