2 columns on mobile

2024-04-08 23:56:40 -07:00
parent 5006df1f8e
commit 74ed3b05e0
1 changed files with 4 additions and 6 deletions
@@ -111,12 +111,11 @@
 <template id="commands-template">
  <style>
    .commands {
-      border-radius: var(--border-radius);
      column-gap: 0;
-      columns: 1;
+      columns: 2;
      list-style: none;
      margin: 0 auto;
-      max-width: 10rem;
+      max-width: 20rem;
      overflow: hidden;
      padding: 0;
      width: 100vw;
@@ -160,10 +159,9 @@
      color: var(--color-text);
    }

-    @media (min-width: 500px) {
+    @media (min-width: 320px) {
      .commands {
-        columns: 2;
-        max-width: 25rem;
+        border-radius: var(--border-radius);
      }
    }