Merge pull request #13 from AnasSarkiz/main

Fix button sizing issues and update hover colors

Author: AnasSarkiz

lib/components/settings-panel.tsx

@@ -330,6 +330,7 @@ export function SettingsPanel() {
                     : "outline"
                 }
                 size="sm"
+                className="w-16"
                 onClick={() =>
                   setDraftOptions((prev) => ({
                     ...prev,
@@ -354,6 +355,7 @@ export function SettingsPanel() {
                     : "outline"
                 }
                 size="sm"
+                className="w-16"
                 onClick={() =>
                   setDraftOptions((prev) => ({
                     ...prev,

lib/components/ui/button.tsx

@@ -22,7 +22,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     ref,
   ) => {
     const baseClasses =
-      "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none"
+      "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 disabled:pointer-events-none active:scale-100"
 
     const variantClasses: Record<ButtonVariant, string> = {
       default: "bg-primary text-primary-foreground hover:bg-primary/90",

src/index.css

@@ -16,7 +16,7 @@
   --secondary-foreground: oklch(0.15 0.01 265);
   --muted: oklch(0.96 0.005 265);
   --muted-foreground: oklch(0.45 0.01 265);
-  --accent: oklch(0.5 0.2 180);
+  --accent: oklch(80.78% 0.00009 271.152 / 0.99);
   --accent-foreground: oklch(0.98 0.005 265);
   --destructive: oklch(0.55 0.25 25);
   --destructive-foreground: oklch(0.98 0.005 265);