Add border to buttons

Rikthepixel · Rikthepixel · commit 020aba73c338 · 2023-03-21T21:44:22.000+01:00
diff --git a/src/components/controls/Button.tsx b/src/components/controls/Button.tsx
@@ -7,7 +7,7 @@ import { RequiredKeys } from "@/types/utility";
 export const style = cva("flex items-center justify-center transition-colors shadow-sm px-3 py-2 gap-2 rounded-full", {
   variants: {
     color: {
-      secondary: "bg-secondary hover:bg-secondary-light text-secondary-contrast"
+      secondary: "bg-secondary hover:bg-secondary-light border-2 border-secondary-dark text-secondary-contrast"
     }
   }
 });

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ import { RequiredKeys } from "@/types/utility";`
`7`	`7`	`export const style = cva("flex items-center justify-center transition-colors shadow-sm px-3 py-2 gap-2 rounded-full", {`
`8`	`8`	`variants: {`
`9`	`9`	`color: {`
`10`		`- secondary: "bg-secondary hover:bg-secondary-light text-secondary-contrast"`
	`10`	`+ secondary: "bg-secondary hover:bg-secondary-light border-2 border-secondary-dark text-secondary-contrast"`
`11`	`11`	`}`
`12`	`12`	`}`
`13`	`13`	`});`