mirror of
https://github.com/jeffvli/feishin.git
synced 2026-06-18 17:34:09 +02:00
fix regression on ActionBar width
- Mantine v9 uses a new inner div on the Grid component
This commit is contained in:
@@ -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" />}
|
||||||
|
|||||||
Reference in New Issue
Block a user