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">
<Input
type="text"
className="max-w-[128px]"
className="max-w-40"
value={newWord}
onChange={(e) => setNewWord(e.target.value)}
onKeyPress={handleKeyPress}
onKeyDown={handleKeyPress}
placeholder="Add a word"
variant="compact"
disabled={isUpdating("custom_words")}

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

@ -12,19 +12,22 @@ export const Button: React.FC<ButtonProps> = ({
size = "md",
...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 = {
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",
danger: "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"
danger:
"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 = {
sm: "px-2 py-1 text-xs",
md: "px-3 py-1 text-sm",
lg: "px-4 py-2 text-base"
md: "px-4 py-[5px] text-sm",
lg: "px-4 py-2 text-base",
};
return (
@ -35,4 +38,4 @@ export const Button: React.FC<ButtonProps> = ({
{children}
</button>
);
};
};