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

Themes modal udpated

Browse Source
This commit is contained in:
Sean Edmunds
2024-08-15 17:07:48 -05:00
parent a47f201fff
commit a37ab84f65
45 changed files with 1480 additions and 1177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/styles/ActionIcon.module.css
View File

@@ -1,12 +1,37 @@
.backButton {
&.root {
background-color: transparent;
color: black;
background-color: transparent !important;
color: var(--color-text-pri) !important;
width: 2rem;
height: 2rem;
margin-right: 1rem;
.icon {
font-size: 24px;
}
.loader {
display: none;
}
:hover {
background-color: transparent !important;
color: var(--color-text-pri) !important;
}
}
}
.editButton {
&.root {
background-color: transparent !important;
color: var(--color-text-pri) !important;
.icon {
font-size: 24px;
}
.loader {
display: none;
}
:hover {
background-color: var(--color-text-pri) !important;
color: var(--color-text-acc) !important;
}
}
}

27
src/styles/Modal.module.css Normal file
View File

@@ -0,0 +1,27 @@
.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);
}
}
}

7
src/styles/Tabs.module.css
View File

@@ -3,4 +3,11 @@
padding-left: 2rem;
height: 100%;
}
.tab {
color: var(--color-text-pri);
&:hover {
color: var(--color-background);
background-color: var(--color-text-acc);
}
}
}

20
src/styles/Text.module.css
View File

@@ -86,6 +86,26 @@
}
}
.settingsTitle {
&.root {
font-size: 32px;
font-weight: bold;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
color: var(--color-text-pri);
}
}
.settingsSubTitle {
&.root {
font-size: 24px;
font-weight: bold;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
color: var(--color-text-pri);
}
}
.settingsLink {
&.root {
font-size: 1.25em;

35
src/styles/index.ts
View File

@@ -1,12 +1,25 @@
import actionIconClasses from './ActionIcon.module.css';
import buttonClasses from './Button.module.css';
import menuClasses from './Menu.module.css';
import navLinkClasses from './NavLink.module.css';
import popoverClasses from './Popover.module.css';
import selectClasses from './Select.module.css';
import stackClasses from './Stack.module.css';
import tabClasses from './Tabs.module.css';
import textClasses from './Text.module.css';
import textInputClasses from './TextInput.module.css';
import actionIconClasses from "./ActionIcon.module.css";
import buttonClasses from "./Button.module.css";
import menuClasses from "./Menu.module.css";
import modalClasses from "./Modal.module.css";
import navLinkClasses from "./NavLink.module.css";
import popoverClasses from "./Popover.module.css";
import selectClasses from "./Select.module.css";
import stackClasses from "./Stack.module.css";
import tabClasses from "./Tabs.module.css";
import textClasses from "./Text.module.css";
import textInputClasses from "./TextInput.module.css";
export { actionIconClasses, buttonClasses, menuClasses, navLinkClasses, popoverClasses, selectClasses, stackClasses, tabClasses, textClasses, textInputClasses }
export {
actionIconClasses,
buttonClasses,
menuClasses,
modalClasses,
navLinkClasses,
popoverClasses,
selectClasses,
stackClasses,
tabClasses,
textClasses,
textInputClasses,
};