From 297474af9c88398c6ad5cc5d124bde0e514a9e9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Sun, 21 Jan 2024 13:57:30 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E4=BC=98=E5=8C=96=E6=B5=85?=
 =?UTF-8?q?=E8=89=B2=E6=A8=A1=E5=BC=8F=E4=B8=8B=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/t-subline.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/main/t-subline.vue b/src/components/main/t-subline.vue
index 8fe88e41..185ff4f9 100644
--- a/src/components/main/t-subline.vue
+++ b/src/components/main/t-subline.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="tsl-box">
-    <img src="/src/assets/icons/arrow-right.svg" alt="right" />
-    <slot>
-      {{ props.title }}
-    </slot>
+    <img src="../../assets/icons/arrow-right.svg" alt="right" />
+    <slot>{{ props.title }}</slot>
   </div>
 </template>
 <script lang="ts" setup>
@@ -24,15 +22,20 @@ const props = defineProps<{
   gap: 5px;
 }
 
-.tsl-box img {
+.tsl-box :first-child {
   width: 20px;
   height: 20px;
   padding: 2px;
   border-radius: 5px;
+  filter: invert(22%) sepia(7%) saturate(1241%) hue-rotate(182deg) brightness(95%) contrast(99%);
 }
 
 .dark .tsl-box {
   background: #2c313a;
   color: #faf7e8;
 }
+
+.dark .tsl-box :first-child {
+  filter: none;
+}
 </style>