mobile-friendly appearance tab

2024-12-01 22:15:23 +02:00 · 2024-12-01 22:15:23 +02:00 · 098087a722
commit 098087a722
parent 90b2efc6f7
3 changed files with 69 additions and 20 deletions
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@ -168,6 +168,25 @@ const updatePalette = (paletteKey, value) => {
        grid-column: 1 / span 2;
      }
    }
+
+    .-mobile & {
+      grid-template-columns: 1fr;
+      grid-template-rows: repeat(10, 1fr) auto;
+
+      .palette-import-button {
+        grid-column: 1;
+      }
+
+      .palette-export-button {
+        grid-column: 1;
+      }
+
+      &.-apply {
+        .palette-apply-button {
+          grid-column: 1;
+        }
+      }
+    }
  }
 }
 </style>