Improve element styling consistency

This commit is contained in:
Sacha Weatherstone
2022-09-23 13:24:59 +10:00
parent 506e59e86b
commit 294db7581d
4 changed files with 8 additions and 9 deletions
+1 -1
View File
@@ -19,7 +19,7 @@ export const Button = ({
}: ButtonProps): JSX.Element => {
return (
<button
className={`flex w-full rounded-md border border-transparent px-3 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:ring-offset-2 ${
className={`flex w-full rounded-md border border-transparent px-3 focus:outline-none focus:ring-2 focus:ring-orange-500 ${
variant === "primary"
? "bg-orange-600 text-white shadow-sm hover:bg-orange-700"
: "bg-orange-100 text-orange-700 hover:bg-orange-200"