Resize grid for smaller windows

geojupyter · Jul 2, 2024 · 833627b · 833627b
1 parent 518cd93
commit 833627b
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/base/style/layerBrowser.css b/packages/base/style/layerBrowser.css
@@ -57,10 +57,16 @@
   display: grid;
   gap: 1.25rem;
   grid-template-rows: 1fr;
-  grid-template-columns: repeat(5, minmax(0px, 1fr));
+  grid-template-columns: repeat(3, minmax(0px, 1fr));
   padding: 1rem 2rem;
 }
 
+@media (min-width: 1400px) {
+  .jgis-layer-browser-grid {
+    grid-template-columns: repeat(5, minmax(0px, 1fr));
+  }
+}
+
 .jgis-dialog-override {
   width: calc(100% - 4rem);
   max-width: 100%;