add grid item card size presets

2026-05-08 04:50:12 +02:00 · 2025-12-23 21:59:52 -08:00
parent cf06d69822
commit 51587fbb6b
23 changed files with 167 additions and 5 deletions
@@ -223,6 +223,43 @@ export const GridConfig = ({
                    </Group>
                ),
            },
+            {
+                component: (
+                    <SegmentedControl
+                        data={[
+                            {
+                                label: t('table.config.general.size_compact', {
+                                    postProcess: 'titleCase',
+                                }),
+                                value: 'compact',
+                            },
+                            {
+                                label: t('table.config.general.size_default', {
+                                    postProcess: 'titleCase',
+                                }),
+                                value: 'default',
+                            },
+                            {
+                                label: t('table.config.general.size_large', {
+                                    postProcess: 'titleCase',
+                                }),
+                                value: 'large',
+                            },
+                        ]}
+                        onChange={(value) =>
+                            setList(listKey, {
+                                grid: { size: value as 'compact' | 'default' | 'large' },
+                            })
+                        }
+                        size="sm"
+                        value={grid.size || 'default'}
+                        w="100%"
+                    />
+                ),
+                id: 'size',
+                label: t('table.config.general.size', { postProcess: 'sentenceCase' }),
+                size: 'sm',
+            },

            ...(extraOptions || []),
        ];