pleroma-fe

commit: 53f3c24081326184c547cb1410e16eb6cbb072a4
parent 3caa45a8c59d3232b3cac4542cd198cf0b7d87e2
Author: Henry Jameson <me@hjkos.com>
Date:   Sun, 29 Dec 2024 18:13:50 +0200

fix palette list on mobile chrome

Diffstat:
M
src/components/settings_modal/tabs/appearance_tab.scss
20
++++++++++++++------

1 file changed, 14 insertions(+), 6 deletions(-)
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -44,14 +44,19 @@
   }
 
   .palette-entry {
-    display: flex;
+    display: grid;
+    grid-template-columns: 1fr auto;
     align-items: center;
     justify-content: space-between;
     padding: 0 0.5em;
-    height: 2.5em;
+    height: max-content;
+
+    .palette-label {
+      height: auto;
 
-    .palette-label label {
-      text-align: center;
+      label {
+        text-align: center;
+      }
     }
 
     .palette-square {
@@ -75,15 +80,18 @@
   }
 
   .modal-view.-mobile & {
+    .palettes {
+      grid-template-columns: 1fr;
+    }
+
     .palette-entry {
-      flex-wrap: wrap;
+      grid-column: 1;
       justify-content: center;
     }
 
     .palette-label {
       line-height: 1.5em;
       margin-top: 0.5em;
-      width: 100%;
     }
   }