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

Refactored common hooks to reduce api calls

Browse Source
This commit is contained in:
Sean Edmunds
2025-01-30 16:09:09 -06:00
parent aa1e9fd6e5
commit 2c3870f288
27 changed files with 604 additions and 421 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,13 +17,28 @@
color: var(--color-text-pri) !important;
}
}
}
.editButton {
&.root {
background-color: var(--color-text-acc) !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;
}
}
}
.themeEditButton {
&.root {
background-color: white !important;
color: black !important;
.icon {
font-size: 24px;
}

61
src/styles/MultiSelect.module.css Normal file
View File

@@ -0,0 +1,61 @@
.label {
margin-bottom: 5px !important;
color: var(--color-text-pri) !important;
font-size: 14px !important;
}
.input {
border-color: light-dark(var(--mantine-color-appGray-2), white) !important;
background-color: var(--color-background) !important;
color: var(--color-text-pri) !important;
&:focus {
border-color: var(--color-text-pri) !important;
}
display: flex !important;
overflow: clip !important;
height: 36px !important;
}
.options {
.option {
color: var(--color-text-pri) !important;
font-size: 14px !important;
/* applies styles to selected item */
&[data-checked] {
background-color: var(--color-text-acc) !important;
color: var(--color-text-pri) !important;
&:hover {
background-color: var(--color-text-acc) !important;
color: var(--color-background) !important;
}
}
/* applies styles to hovered item (with mouse or keyboard) */
&:hover {
background-color: var(--color-text-acc) !important;
color: var(--color-text-pri) !important;
}
}
}
.dropdown {
background-color: var(--color-background) !important;
}
.pillsList {
.pill {
display: none !important;
}
}
.inputField {
color: var(--color-text-acc) !important;
&::placeholder {
color: var(--color-text-acc) !important;
}
}
.root {
width: 180px !important;
}

17
src/styles/Select.module.css
View File

@@ -5,7 +5,7 @@
}
.input {
border-color: light-dark(var(--mantine-color-appGray-2), white) !important;
background-color: var(--color-background);
background-color: var(--color-background) !important;
color: var(--color-text-pri) !important;
&:focus {
border-color: var(--color-text-pri) !important;
@@ -13,6 +13,9 @@
display: flex !important;
overflow: clip !important;
height: 36px !important;
&::placeholder {
color: var(--color-text-acc) !important;
}
}
.options {
@@ -38,17 +41,7 @@
}
.dropdown {
background-color: var(--color-background) !important;
}
.pillsList {
.pill {
display: none !important;
}
}
.placeholder {
color: white !important;
background-color: var(--color-background);
}
.root {

22
src/styles/TextInput.module.css
View File

@@ -1,3 +1,25 @@
.default{
&.root {
.wrapper {
display: flex;
justify-content: center;
.input {
width: 100%;
border: none;
background-color: var(--color-search-background);
color: var(--color-text-pri);
font-size: 18px;
}
.section{
color: var(--color-border);
width: auto;
padding-left: .5rem;
opacity: 1;
}
}
}
}
.search{
&.root {
.wrapper {

2
src/styles/index.ts
View File

@@ -2,6 +2,7 @@ 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 multiSelectClasses from './MultiSelect.module.css';
import navLinkClasses from './NavLink.module.css';
import popoverClasses from './Popover.module.css';
import selectClasses from './Select.module.css';
@@ -15,6 +16,7 @@ export {
buttonClasses,
menuClasses,
modalClasses,
multiSelectClasses,
navLinkClasses,
popoverClasses,
selectClasses,