From 39135525cb2425d9540ef59a48f36d1d8ff8b39f Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 1 Jan 2024 23:18:59 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=B7=B1=E6=B8=8A=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

*侧边栏添加滚动条
*深渊 star icon清晰度调整
---
 src/components/userAbyss/tua-detail-title.vue |  7 +++++--
 src/pages/User/Abyss.vue                      | 14 +++++++++++---
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/userAbyss/tua-detail-title.vue b/src/components/userAbyss/tua-detail-title.vue
index 864796cc..b602a098 100644
--- a/src/components/userAbyss/tua-detail-title.vue
+++ b/src/components/userAbyss/tua-detail-title.vue
@@ -62,8 +62,11 @@ const props = defineProps<TuaDetailTitleProps>();
   width: 20px;
   height: 20px;
   padding: 1px;
-  border-radius: 50%;
-  background: var(--tgc-btn-1);
+  filter: invert(22%) sepia(7%) saturate(1241%) hue-rotate(182deg) brightness(95%) contrast(99%);
   object-fit: cover;
 }
+
+.dark .tud-t-val img {
+  filter: none;
+}
 </style>
diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index 14a44ab5..469111f0 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -2,9 +2,11 @@
   <ToLoading v-model="loading" :title="loadingTitle" :subtitle="loadingSub" />
   <div class="ua-box">
     <v-tabs v-model="userTab" direction="vertical" align-tabs="start" class="ua-tab">
-      <v-tab v-for="item in localAbyss" :key="item.id" :value="item.id" @click="toAbyss(item.id)">
-        第{{ item.id }}期
-      </v-tab>
+      <div class="ua-tabs">
+        <v-tab v-for="item in localAbyss" :key="item.id" :value="item.id" @click="toAbyss(item.id)">
+          第{{ item.id }}期
+        </v-tab>
+      </div>
       <div class="ua-tab-bottom">
         <v-btn class="ua-btn" @click="shareAbyss">
           <v-icon>mdi-share</v-icon>
@@ -228,6 +230,12 @@ async function uploadAbyss(): Promise<void> {
   font-family: var(--font-text);
 }
 
+.ua-tabs {
+  max-height: calc(100% - 150px);
+  margin-top: 5px;
+  overflow-y: auto;
+}
+
 /* stylelint-disable selector-class-pattern */
 .ua-tab.v-tabs.v-slide-group--vertical {
   height: 100%;