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 { .container {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%;
height: 65px; height: 65px;
-webkit-app-region: drag; -webkit-app-region: drag;
@@ -18,7 +18,19 @@ export const ActionBar = () => {
return ( return (
<div className={styles.container}> <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}> <Grid.Col span={7}>
<TextInput <TextInput
leftSection={<Icon icon="search" />} leftSection={<Icon icon="search" />}