💄 微调UI

src/components/userAchi/tua-achi-list.vue

@@ -30,7 +30,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, computed, watch, onMounted } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 
 import { AppAchievementSeriesData, AppNameCardsData } from "../../data/index.js";
 import TSUserAchi from "../../plugins/Sqlite/modules/userAchi.js";
@@ -161,7 +161,8 @@ function switchAchiInfo(next: boolean): void {
 .tua-al-container {
   display: flex;
   width: 100%;
-  height: 100%;
+  height: fit-content;
+  max-height: 100%;
   flex-direction: column;
   overflow-y: auto;
   row-gap: 10px;

src/components/userAvatar/tua-avatar-box.vue

@@ -78,7 +78,7 @@ const avatarBox = computed<TItemBoxData>(() => {
     innerText: avatar.name,
     innerHeight: 30,
     display: "inner",
-    clickable: false,
+    clickable: true,
   };
 });
 const weaponBox = computed<TItemBoxData>(() => {
@@ -95,7 +95,7 @@ const weaponBox = computed<TItemBoxData>(() => {
     innerText: weapon.name,
     innerHeight: 20,
     display: "inner",
-    clickable: false,
+    clickable: true,
   };
 });
 const relicsBox = computed<AvatarRelics>(() => {
@@ -144,6 +144,7 @@ function getWeaponTitle(): string {
   border: 1px inset var(--common-shadow-2);
   border-radius: 5px;
   background: var(--box-bg-2);
+  cursor: pointer;
   row-gap: 5px;
 }