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

fix: แก้ mode dark สี ของ ปุ่มไม่ตรง

Browse source
This commit is contained in:
Net 2024-07-05 09:53:17 +07:00
parent ad6f5a3b75
commit f39840fb2f
1 changed files with 21 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/pages/01_branch-management/MainPage.vue
View file

@ -714,9 +714,10 @@ watch(locale, () => {
> >
<div class="col-6"> <div class="col-6">
<q-input <q-input
bg-color="white" :bg-color="$q.dark.isActive ? '' : 'white'"
for="input-Search" for="input-Search"
style="width: 250px" style="width: 250px"
:label-color="$q.dark.isActive ? 'white' : 'grey-10'"
outlined outlined
dense dense
label="ค้นหา" label="ค้นหา"
@ -728,8 +729,8 @@ watch(locale, () => {
<div class="col-6 row q-gutter-x-sm justify-end text-right"> <div class="col-6 row q-gutter-x-sm justify-end text-right">
<q-btn-dropdown <q-btn-dropdown
class="bordered rounded" class="bordered rounded"
color="white" :color="$q.dark.isActive ? '' : 'white'"
text-color="grey-10" :text-color="$q.dark.isActive ? '' : 'grey-10'"
dense dense
unelevated unelevated
:label="labelBtnStatus" :label="labelBtnStatus"
@ -787,8 +788,8 @@ watch(locale, () => {
</q-btn-dropdown> </q-btn-dropdown>
<q-btn <q-btn
color="white" :color="$q.dark.isActive ? '' : 'white'"
text-color="grey-10" :text-color="$q.dark.isActive ? '' : 'grey-10'"
id="btn-filter" id="btn-filter"
icon="mdi-tune-vertical-variant" icon="mdi-tune-vertical-variant"
size="sm" size="sm"
@ -841,7 +842,7 @@ watch(locale, () => {
id="btn-mode" id="btn-mode"
dense dense
class="no-shadow" class="no-shadow"
toggle-color="white" :toggle-color="$q.dark.isActive ? 'grey-9' : 'white'"
size="xs" size="xs"
:options="[ :options="[
{ value: true, slot: 'folder' }, { value: true, slot: 'folder' },
@ -854,7 +855,13 @@ watch(locale, () => {
size="16px" size="16px"
class="q-px-sm q-py-xs rounded" class="q-px-sm q-py-xs rounded"
:style="{ :style="{
color: modeView ? '#787B7C' : '#C9D3DB', color: $q.dark.isActive
? modeView
? '#C9D3DB '
: '#787B7C'
: modeView
? '#787B7C'
: '#C9D3DB',
}" }"
/> />
</template> </template>
@ -864,7 +871,13 @@ watch(locale, () => {
class="q-px-sm q-py-xs rounded" class="q-px-sm q-py-xs rounded"
size="16px" size="16px"
:style="{ :style="{
color: modeView === false ? '#787B7C' : '#C9D3DB', color: $q.dark.isActive
? modeView === false
? '#C9D3DB'
: '#787B7C'
: modeView === false
? '#787B7C'
: '#C9D3DB',
}" }"
/> />
</template> </template>