Make icon buttons bigger

2025-12-17 10:22:41 +01:00
parent 60bbb31344
commit a936bc1c47
1 changed files with 10 additions and 2 deletions
@@ -107,13 +107,22 @@
    > * {
      grid-area: 1/1;
    }
+
+    @media (max-width: 639px) {
+      --btn-size: 3em;
+      --icon-size: 70%;
+    }
  }

  /* Make a normal button circular on mobile */
  @media (max-width: 639px) {
    .btn--circle-mobile {
+      --btn-size: 3em;
+      --btn-padding: 0;
+      --icon-size: 70%;
+
      aspect-ratio: 1;
-      padding: 0.5em;
+      inline-size: var(--btn-size);

      kbd,
      span:last-of-type {
@@ -270,4 +279,3 @@
    }
  }
 }
-