50 lines
1.5 KiB
CSS
50 lines
1.5 KiB
CSS
.helpModal {
|
|
&.root {
|
|
.content {
|
|
color: var(--color-text-pri);
|
|
background-color: var(--color-background);
|
|
.header {
|
|
.close {
|
|
color: white;
|
|
background-color: var(--mantine-color-red-6);
|
|
max-width: 20px!important;
|
|
max-height: 20px!important;
|
|
&:hover {
|
|
color: var(--mantine-color-red-1);
|
|
background-color: var(--mantine-color-red-4);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.editThemeModal {
|
|
&.root {
|
|
.content {
|
|
justify-content: center;
|
|
align-content: center;
|
|
color: var(--color-text-pri);
|
|
background-color: var(--color-background);
|
|
.header {
|
|
color: var(--color-text-pri);
|
|
background-color: var(--color-text-acc);
|
|
.close {
|
|
color: white;
|
|
background-color: var(--mantine-color-red-6);
|
|
max-width: 20px!important;
|
|
max-height: 20px!important;
|
|
&:hover {
|
|
color: var(--mantine-color-red-1);
|
|
background-color: var(--mantine-color-red-4);
|
|
}
|
|
}
|
|
}
|
|
.body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
}
|
|
}
|
|
} |