bnilsen/custom_ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add theme store and input, update some components to use theme

Browse source
This commit is contained in:
Casey 2025-12-12 14:21:42 -06:00
parent 43c205e577
commit 0c55c9996f
12 changed files with 459 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/clientView/AdditionalInfoBar.vue
View file

@ -19,9 +19,9 @@ const props = defineProps({
align-items: center;
justify-content: center;
padding: 0.25rem 1rem;
background: linear-gradient(135deg, #f0f9f0 0%, #e8f5e8 100%);
color: #2d5a47;
border-bottom: 1px solid #c8e6c9;
background: linear-gradient(135deg, var(--theme-gradient-start) 0%, var(--theme-gradient-end) 100%);
color: #fff;
border-bottom: 1px solid var(--theme-primary-strong);
font-size: 0.75rem;
font-weight: 500;
min-height: 30px;

10
frontend/src/components/clientView/TopBar.vue
View file

@ -75,9 +75,9 @@ const formatDate = (date) => {
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
background: linear-gradient(135deg, #0d4f3c 0%, #1a5f4a 100%);
background: linear-gradient(135deg, var(--theme-gradient-start) 0%, var(--theme-gradient-end) 100%);
color: #fff;
border-bottom: 1px solid #2d5a47;
border-bottom: 1px solid var(--theme-primary-strong);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
flex-wrap: wrap;
gap: 0.5rem;
@ -93,7 +93,7 @@ const formatDate = (date) => {
.section-label {
font-weight: 500;
color: #adb5bd;
color: var(--theme-text-muted);
white-space: nowrap;
font-size: 0.85rem;
}
@ -130,7 +130,7 @@ const formatDate = (date) => {
.customer-name {
font-size: 0.75rem;
color: #adb5bd;
color: var(--theme-text-muted);
font-weight: 500;
}
@ -145,7 +145,7 @@ const formatDate = (date) => {
gap: 0.25rem;
font-weight: 500;
font-size: 0.8rem;
background: #495057;
background: var(--theme-primary-strong);
padding: 0.25rem 0.5rem;
border-radius: 10px;
white-space: nowrap;