fix: update caption color for dark mode in ProfileBanner

This commit is contained in:
puriphatt 2025-01-06 11:53:59 +07:00
parent 1e24eb6c4e
commit 01065c05e8

View file

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