From bc773de912f3568b6bf198b377757ee8b6276958 Mon Sep 17 00:00:00 2001
From: Lucas Marques <lucas.mrqes@gmail.com>
Date: Thu, 16 Jan 2025 12:12:23 +0100
Subject: [PATCH] feat(ui): limit width of layer cards to a third of the grid
 (#502)

---
 ui/src/pages/Layers.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/pages/Layers.tsx b/ui/src/pages/Layers.tsx
index fbe07501..9fdf509a 100644
--- a/ui/src/pages/Layers.tsx
+++ b/ui/src/pages/Layers.tsx
@@ -390,7 +390,7 @@ const Layers: React.FC = () => {
         `}
       >
         {view === 'grid' ? (
-          <div className="grid grid-cols-[repeat(auto-fit,_minmax(400px,_1fr))] p-6 gap-6">
+          <div className="grid grid-cols-[repeat(auto-fit,_minmax(400px,calc(100%/3)))] p-6 gap-6">
             {layersQuery.isLoading ? (
               Array.from({ length: 100 }).map((_, index) => (
                 <CardLoader key={index} variant={theme} />