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

Revert "fix: remove gradient title"

Browse source 
This reverts commit 1137f47b44.
This commit is contained in:
Methapon2001 2024-07-04 15:53:45 +07:00
parent cccea1f423
commit 4f240a3f20
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/layouts/MainLayout.vue
View file

@ -219,7 +219,7 @@ onMounted(async () => {
> >
<div class="column"> <div class="column">
<span <span
class="text-weight-bold" class="title-gradient text-weight-bold"
:class="{ 'text-h6': $q.screen.gt.xs }" :class="{ 'text-h6': $q.screen.gt.xs }"
:style="{ :style="{
filter: `brightness(${$q.dark.isActive ? '2' : '1'})`, filter: `brightness(${$q.dark.isActive ? '2' : '1'})`,
@ -504,6 +504,14 @@ onMounted(async () => {
} }
} }
.title-gradient {
background: linear-gradient(to right, var(--brand-1), var(--brand-2));
background-clip: text; /* Standard property */
-webkit-background-clip: text; /* WebKit fallback */
-webkit-text-fill-color: transparent; /* WebKit fallback */
color: transparent; /* Fallback for browsers not supporting text-clip */
}
:deep(main.q-page) { :deep(main.q-page) {
min-height: 0 !important; min-height: 0 !important;
} }