fix regression on ActionBar width

- Mantine v9 uses a new inner div on the Grid component
This commit is contained in:
jeffvli
2026-05-12 02:15:56 -07:00
parent e2a1d813a9
commit 1616021451
2 changed files with 14 additions and 1 deletions
@@ -1,6 +1,7 @@
.container {
display: flex;
align-items: center;
width: 100%;
height: 65px;
-webkit-app-region: drag;
@@ -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" />}