From cb8d12cc84b503a220ab55c7b4b94d6069a651be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Tue, 12 Mar 2024 21:42:58 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/gachaRecord/gro-history.vue | 28 ++++++++++++++--------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/components/gachaRecord/gro-history.vue b/src/components/gachaRecord/gro-history.vue
index be3c6d84..82e58ecb 100644
--- a/src/components/gachaRecord/gro-history.vue
+++ b/src/components/gachaRecord/gro-history.vue
@@ -27,7 +27,7 @@
             </div>
             <div class="gro-pi-time">{{ getTimeStr(pool) }}</div>
             <div class="gro-pi-sub">Up 五星</div>
-            <div class="gro-pool-up">
+            <div class="gro-pool-up lv5">
               <TItembox
                 v-for="i in pool.up5List"
                 :key="i"
@@ -36,7 +36,7 @@
               />
             </div>
             <div class="gro-pi-sub">Up 四星</div>
-            <div class="gro-pool-up">
+            <div class="gro-pool-up lv4">
               <TItembox
                 v-for="i in pool.up4List"
                 :key="i"
@@ -150,13 +150,13 @@ function getBox(id: number): TItemBoxData {
     return {
       bg: `/icon/bg/${cFind.star}-Star.webp`,
       icon: `/WIKI/character/${cFind.id}.webp`,
-      size: "100px",
-      height: "100px",
+      size: "80px",
+      height: "80px",
       display: "inner",
       clickable: true,
       lt: `/icon/element/${cFind.element}元素.webp`,
       ltSize: "30px",
-      innerHeight: 25,
+      innerHeight: 20,
       innerIcon: `/icon/weapon/${cFind.weapon}.webp`,
       innerText: cFind.name,
     };
@@ -164,13 +164,13 @@ function getBox(id: number): TItemBoxData {
     return {
       bg: `/icon/bg/${wFind.star}-Star.webp`,
       icon: `/WIKI/weapon/${wFind.id}.webp`,
-      size: "100px",
-      height: "100px",
+      size: "80px",
+      height: "80px",
       display: "inner",
       clickable: true,
       lt: wFind.weaponIcon,
       ltSize: "30px",
-      innerHeight: 25,
+      innerHeight: 20,
       innerText: wFind.name,
     };
   } else {
@@ -224,7 +224,7 @@ function getBox(id: number): TItemBoxData {
   position: relative;
   display: flex;
   width: 100%;
-  align-items: center;
+  align-items: flex-start;
   justify-content: flex-start;
   padding: 10px;
   border-radius: 10px;
@@ -251,7 +251,6 @@ function getBox(id: number): TItemBoxData {
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
-  row-gap: 10px;
 }
 
 .gro-pi-title {
@@ -287,5 +286,14 @@ function getBox(id: number): TItemBoxData {
   align-items: center;
   justify-content: flex-start;
   gap: 10px;
+  overflow-y: auto;
+}
+
+.gro-pool-up.lv5 {
+  max-height: 80px;
+}
+
+.gro-pool-up.lv4 {
+  max-height: 170px;
 }
 </style>