From 6582950a42dcc34637827b3868295f4ad688a011 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sun, 2 Jul 2023 20:46:21 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9A=B0=EF=B8=8F=20=E6=B8=85=E9=99=A4?=
 =?UTF-8?q?=E5=86=97=E4=BD=99=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/hutaoAbyss/hta-tab-up.vue  | 9 +--------
 src/components/hutaoAbyss/hta-tab-use.vue | 9 +--------
 2 files changed, 2 insertions(+), 16 deletions(-)

diff --git a/src/components/hutaoAbyss/hta-tab-up.vue b/src/components/hutaoAbyss/hta-tab-up.vue
index 32cd698b..198a05eb 100644
--- a/src/components/hutaoAbyss/hta-tab-up.vue
+++ b/src/components/hutaoAbyss/hta-tab-up.vue
@@ -30,7 +30,7 @@ const props = defineProps<HtaTabUseProps>();
 const tab = ref<string>("9");
 const select = ref<TGApp.Plugins.Hutao.Abyss.AvatarUse>();
 
-function loadData() {
+function loadData(): void {
   select.value = props.modelValue.filter((item) => item.floor.toString() === tab.value)?.[0];
   select.value?.ranks.sort((a, b) => b.rate - a.rate);
 }
@@ -46,21 +46,15 @@ watch(tab, () => {
 </script>
 <style lang="css" scoped>
 .hta-tu-box {
-  display: flex;
   margin: 5px;
   width: calc(100% - 10px);
   height: 100%;
-  align-items: center;
-  justify-content: left;
   border: 1px inset var(--common-bg-1);
   border-radius: 5px;
 }
 
 .hta-tu-tab {
   position: absolute;
-  top: 5px;
-  left: 5px;
-  width: 100px;
   height: 100%;
   color: var(--common-text-title);
   font-family: var(--font-text);
@@ -70,7 +64,6 @@ watch(tab, () => {
   margin-left: 100px;
   width: calc(100% - 100px);
   height: 100%;
-  overflow: auto;
 }
 
 .hta-tu-grid {
diff --git a/src/components/hutaoAbyss/hta-tab-use.vue b/src/components/hutaoAbyss/hta-tab-use.vue
index 32cd698b..198a05eb 100644
--- a/src/components/hutaoAbyss/hta-tab-use.vue
+++ b/src/components/hutaoAbyss/hta-tab-use.vue
@@ -30,7 +30,7 @@ const props = defineProps<HtaTabUseProps>();
 const tab = ref<string>("9");
 const select = ref<TGApp.Plugins.Hutao.Abyss.AvatarUse>();
 
-function loadData() {
+function loadData(): void {
   select.value = props.modelValue.filter((item) => item.floor.toString() === tab.value)?.[0];
   select.value?.ranks.sort((a, b) => b.rate - a.rate);
 }
@@ -46,21 +46,15 @@ watch(tab, () => {
 </script>
 <style lang="css" scoped>
 .hta-tu-box {
-  display: flex;
   margin: 5px;
   width: calc(100% - 10px);
   height: 100%;
-  align-items: center;
-  justify-content: left;
   border: 1px inset var(--common-bg-1);
   border-radius: 5px;
 }
 
 .hta-tu-tab {
   position: absolute;
-  top: 5px;
-  left: 5px;
-  width: 100px;
   height: 100%;
   color: var(--common-text-title);
   font-family: var(--font-text);
@@ -70,7 +64,6 @@ watch(tab, () => {
   margin-left: 100px;
   width: calc(100% - 100px);
   height: 100%;
-  overflow: auto;
 }
 
 .hta-tu-grid {