feat: Update Appshell styling for improved layout; adjust padding and height in title class; modify GridDashboard component for margin in Group
This commit is contained in:
@@ -16,9 +16,9 @@
|
|||||||
var(--mantine-font-family);
|
var(--mantine-font-family);
|
||||||
margin-bottom: var(--mantine-spacing-sm);
|
margin-bottom: var(--mantine-spacing-sm);
|
||||||
background-color: var(--mantine-color-body);
|
background-color: var(--mantine-color-body);
|
||||||
padding: var(--mantine-spacing-md);
|
padding: var(--mantine-spacing-xs);
|
||||||
padding-top: 18px;
|
padding-top: 15px;
|
||||||
height: px;
|
height: 50px;
|
||||||
border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-7));
|
border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-7));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -49,7 +49,7 @@ export const GridDashboard = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Group p="md">
|
<Group mb="xs">
|
||||||
<Switch
|
<Switch
|
||||||
checked={showGrid}
|
checked={showGrid}
|
||||||
onChange={(event) => setShowGrid(event.currentTarget.checked)}
|
onChange={(event) => setShowGrid(event.currentTarget.checked)}
|
||||||
|
|||||||
Reference in New Issue
Block a user