💄 调整UI

src/components/userAbyss/tua-detail-battle.vue

@@ -54,7 +54,7 @@ function getBoxData(avatar: TGApp.Sqlite.Abyss.CharacterInfo): TItemBoxData {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
-  gap: 10px;
+  gap: 12px;
 }
 
 .tud-db-time {

src/components/userAbyss/tua-detail-level.vue

@@ -28,11 +28,13 @@ const props = defineProps<TuaDetailLevelProps>();
 <style lang="css" scoped>
 .tua-dl-box {
   display: flex;
+  box-sizing: border-box;
   flex-direction: column;
-  padding: 10px;
-  border-radius: 5px;
-  margin-top: 10px;
+  padding: 8px;
+  border: 1px solid var(--common-shadow-1);
+  border-radius: 4px;
+  margin-top: 8px;
   background: var(--box-bg-2);
-  gap: 10px;
+  gap: 8px;
 }
 </style>

src/components/userAbyss/tua-detail.vue

@@ -24,15 +24,15 @@ const props = defineProps<TuaDetailProps>();
 </script>
 <style lang="css" scoped>
 .tuad-box {
-  padding: 10px;
-  border-radius: 5px;
+  padding: 8px;
+  border-radius: 4px;
   background: var(--box-bg-1);
 }
 
 .tuad-index-box {
   display: grid;
   width: 100%;
-  grid-gap: 10px;
+  grid-gap: 8px;
   grid-template-columns: repeat(3, 1fr);
 }
 </style>

src/components/userAbyss/tua-overview.vue

@@ -70,6 +70,7 @@ function getBoxData(avatar: TGApp.Sqlite.Abyss.Character): TItemBoxData {
   color: var(--tgc-yellow-1);
   font-family: var(--font-text);
   font-size: 20px;
+  font-weight: bold;
 }
 
 .tuao-val-icons {