smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Bugfixes & UI updates

Browse Source
This commit is contained in:
Sean Edmunds
2024-08-29 12:45:25 -05:00
parent 9a3cbbd0e2
commit e9ccd0906c
16 changed files with 249 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/styles/Modal.module.css
View File

@@ -1,27 +1,50 @@
.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 {
.header {
color: white;
background-color: var(--color-background);
}
.content {
justify-content: center;
align-content: center;
color: light-dark(var(--mantine-primary-color-6), white);
background-color: white;
}
.body {
display: flex;
flex-direction: column;
align-items: center;
}
.close {
color: var(--mantine-color-appRed-3);
background-color: var(--mantine-color-appRed-1);
max-width: 20px!important;
max-height: 20px!important;
&:hover {
color: var(--mantine-color-appRed-1);
background-color: var(--mantine-color-appRed-3);
&.root {
.content {
justify-content: center;
align-content: center;
color: var(--color-text-pri);
background-color: var(--color-background);
.header {
color: white;
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;
}
}
}
}