Fix modal styles for mantine v6
This commit is contained in:
parent
48b6e8bf93
commit
d2c0d4c11f
2 changed files with 10 additions and 3 deletions
|
|
@ -30,7 +30,7 @@ export const ServerList = () => {
|
||||||
sx={{
|
sx={{
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
right: 55,
|
right: 55,
|
||||||
transform: 'translateY(-2.5rem)',
|
transform: 'translateY(-3.5rem)',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Button
|
<Button
|
||||||
|
|
|
||||||
|
|
@ -188,10 +188,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.mantine-Modal-header {
|
.mantine-Modal-header {
|
||||||
font-weight: bold;
|
|
||||||
font-size: medium;
|
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
border-bottom: 1px solid var(--generic-border-color);
|
border-bottom: 1px solid var(--generic-border-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mantine-Modal-title {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mantine-Modal-body {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Reference in a new issue