From e16e8be5287a09ccfa5105cb72ad50e7b736662f Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Tue, 16 May 2023 17:24:43 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/t-calendar.vue | 23 +++++------------------
 1 file changed, 5 insertions(+), 18 deletions(-)

diff --git a/src/components/t-calendar.vue b/src/components/t-calendar.vue
index ea5966b5..a1284267 100644
--- a/src/components/t-calendar.vue
+++ b/src/components/t-calendar.vue
@@ -43,10 +43,8 @@
                 <div class="card-element">
                   <img :src="item.element" alt="element">
                 </div>
-                <div class="card-weapon">
-                  <img :src="item.weapon_type" alt="weapon">
-                </div>
                 <div class="card-name">
+                  <img :src="item.weapon_type" alt="weapon">
                   <span>{{ item.name }}</span>
                 </div>
               </div>
@@ -219,15 +217,15 @@ function getContents (day: number) {
 
 .cards-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
-  grid-gap: 5px;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+  grid-gap: 10px;
   padding: 10px;
 }
 
 .card-box {
   position: relative;
-  width: 80px;
-  height: 80px;
+  width: 100px;
+  height: 100px;
   cursor: pointer;
 }
 
@@ -291,17 +289,6 @@ function getContents (day: number) {
   object-fit: cover;
 }
 
-.card-weapon {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 30px;
-  height: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
 .card-weapon img {
   width: 20px;
   height: 20px;