From 4f240a3f20ce3bb1882c9c742f99786e4b00c37f Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 4 Jul 2024 15:53:45 +0700
Subject: [PATCH] Revert "fix: remove gradient title"

This reverts commit 1137f47b44f9ff15cfa436c2fe5af85ecdbed4ef.
---
 src/layouts/MainLayout.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index f3c11022..975dc3ab 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -219,7 +219,7 @@ onMounted(async () => {
         >
           <div class="column">
             <span
-              class="text-weight-bold"
+              class="title-gradient text-weight-bold"
               :class="{ 'text-h6': $q.screen.gt.xs }"
               :style="{
                 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) {
   min-height: 0 !important;
 }