Larger icon buttons on smaller devices

s-h-a-d-o-w · Nov 18, 2024 · 784d55f · 784d55f
1 parent f056920
commit 784d55f
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -48,9 +48,16 @@ export const Button = styled("button", {
         padding: "4rem",
       },
       md: {
-        width: "md",
-        height: "md",
-        padding: "6rem",
+        base: {
+          width: "lg",
+          height: "lg",
+          padding: "8rem",
+        },
+        xl: {
+          width: "md",
+          height: "md",
+          padding: "6rem",
+        },
       },
       xl: {
         width: "xl",