#451 ensuring fixed sized grid elements in CSS grid, see https://stac…

…koverflow.com/a/61240964/9219743
asterics · Nov 27, 2024 · 64fc05f · 64fc05f
1 parent f00c5bb
commit 64fc05f
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/vue-components/grid-layout/grid-layout.vue b/src/vue-components/grid-layout/grid-layout.vue
@@ -1,5 +1,5 @@
 <template>
-    <component :is="useOptions.componentType" class="grid-layout" :style="`grid-template-columns: repeat(${columns}, 1fr); grid-template-rows: repeat(${rows}, 1fr); background-color: ${useOptions.backgroundColor}`">
+    <component :is="useOptions.componentType" class="grid-layout" :style="`grid-template-columns: repeat(${columns}, minmax(0, 1fr)); grid-template-rows: repeat(${rows}, minmax(0, 1fr)); background-color: ${useOptions.backgroundColor}`">
         <slot></slot>
     </component>
 </template>