fix regression on ActionBar width

- Mantine v9 uses a new inner div on the Grid component
2026-07-22 10:26:33 +02:00 · 2026-05-12 02:15:56 -07:00
parent e2a1d813a9
commit 1616021451
2 changed files with 14 additions and 1 deletions
@@ -18,7 +18,19 @@ export const ActionBar = () => {

    return (
        <div className={styles.container}>
-            <Grid display="flex" gap="sm" style={{ padding: '0 var(--theme-spacing-md)' }} w="100%">
+            <Grid
+                display="flex"
+                gap="sm"
+                styles={{
+                    inner: {
+                        width: '100%',
+                    },
+                    root: {
+                        padding: '0 var(--theme-spacing-md',
+                        width: '100%',
+                    },
+                }}
+            >
                <Grid.Col span={7}>
                    <TextInput
                        leftSection={<Icon icon="search" />}