fix(app-headless-cms): use grid for gallery thumbnails [skip ci]

webiny · May 8, 2024 · a961aae · a961aae
1 parent 3cc545e
commit a961aae
Showing 1 changed file with 4 additions and 11 deletions.
diff --git a/packages/app-file-manager/src/modules/HeadlessCms/fileRenderer/fileFields.tsx b/packages/app-file-manager/src/modules/HeadlessCms/fileRenderer/fileFields.tsx
@@ -38,17 +38,10 @@ const InnerImageFieldWrapper = styled("div")({
 });
 
 const Gallery = styled.div`
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    gap: 10px;
-    > div {
-        flex: 1 1 21%;
-        max-width: 25%;
-        > img {
-            padding: 15px;
-        }
-    }
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+    grid-template-rows: auto;
+    gap: 15px;
 `;
 
 const FieldRenderer = ({ getBind, Label, field }: CmsModelFieldRendererProps) => {