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

fix: update caption color for dark mode in ProfileBanner

Browse source
This commit is contained in:
puriphatt 2025-01-06 11:53:59 +07:00
parent 1e24eb6c4e
commit 01065c05e8
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/ProfileBanner.vue
View file

@ -202,7 +202,12 @@ const smallBanner = ref(false);
{{ title }} {{ title }}
</q-tooltip> </q-tooltip>
</span> </span>
<span v-if="title" class="app-text-muted">{{ caption }}</span> <span
v-if="title"
:class="$q.dark.isActive ? 'foreground' : 'app-text-muted'"
>
{{ caption }}
</span>
</div> </div>
<!-- icon --> <!-- icon -->
@ -213,7 +218,8 @@ const smallBanner = ref(false);
> >
<span <span
v-if="useToggle && toggleTitle" v-if="useToggle && toggleTitle"
class="q-mr-md app-text-muted-2" class="q-mr-md"
:class="$q.dark.isActive ? 'foreground' : 'app-text-muted-2'"
> >
{{ toggleTitle }} {{ toggleTitle }}
</span> </span>
@ -401,7 +407,8 @@ const smallBanner = ref(false);
</span> </span>
<span <span
v-if="title" v-if="title"
class="app-text-muted absolute" class="absolute"
:class="$q.dark.isActive ? 'foreground' : 'app-text-muted'"
style="font-size: 10px; bottom: 4px" style="font-size: 10px; bottom: 4px"
> >
{{ caption }} {{ caption }}