color bar style

chaichontat · Mar 31, 2024 · 5eb7e0d · 5eb7e0d
1 parent 4fdd779
commit 5eb7e0d
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/lib/components/colorbar.svelte b/src/lib/components/colorbar.svelte
@@ -92,11 +92,15 @@
 
 <style lang="postcss">
   div :global(.alphabet) {
-    @apply mt-2 flex flex-col items-end gap-0.5;
+    @apply mt-2 flex flex-wrap items-end gap-0.5;
   }
 
   div :global(.alphabet-swatch) {
-    @apply -mr-1 inline-flex flex-row-reverse justify-end gap-x-1;
+    @apply mx-0
+  }
+
+  div :global(.alphabet-swatches) {
+    @apply flex flex-col flex-wrap items-end gap-0.5;
   }
 
   div :global(.legend-name) {