chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: q-field text color and disable color

Browse source
This commit is contained in:
puriphatt 2024-06-21 08:49:20 +00:00
parent aede6df061
commit 2b0b1b7f8c
2 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/04_product-service/ฺBasicInfoProduct.vue
View file

@ -106,7 +106,7 @@ defineProps<{
readonly ? 'disabled' : $q.dark.isActive ? 'white' : '' readonly ? 'disabled' : $q.dark.isActive ? 'white' : ''
" "
:toolbar-toggle-color="readonly ? 'disabled' : 'primary'" :toolbar-toggle-color="readonly ? 'disabled' : 'primary'"
style="cursor: auto; color: black" style="cursor: auto; color: var(--foreground)"
/> />
</q-field> </q-field>

10
src/css/quasar.variables.scss
View file

@ -14,6 +14,8 @@ $negative: var(--red-9);
$info: var(--blue-6); $info: var(--blue-6);
$warning: #ffc224; $warning: #ffc224;
$disabled: var(--stone-5);
$separator-color: var(--border-color); $separator-color: var(--border-color);
$separator-dark-color: var(--border-color); $separator-dark-color: var(--border-color);
@ -78,3 +80,11 @@ div.fullscreen.q-drawer__backdrop {
[disabled] * { [disabled] * {
color: hsl(var(--text-mute)) !important; color: hsl(var(--text-mute)) !important;
} }
.bg-disabled {
background: $disabled;
}
.text-disabled {
color: $disabled;
}