修复卡牌用缩略图模式时的显示错误

Author: NOTF-API

src/components/CardsList/CardItem.vue

@@ -32,12 +32,28 @@ const handleGive = (gid) => {
 
 <style lang="less" scoped>
 .card.item {
-  width: 32px;
-  height: 32px;
+  width: 48px;
+  height: 48px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
 
+  .image {
+    width: 48px;
+    height: 48px;
+    position: absolute;
+
+    .sprite {
+      scale: 2;
+      width: 32px;
+      height: 32px;
+      background-image: url("/assets/cards_sprite.png");
+      background-size: 640px 160px;
+      background-repeat: no-repeat;
+      image-rendering: pixelated;
+    }
+  }
+
   &.list-styled {
     width: 100%;
     height: 64px;
@@ -115,16 +131,5 @@ const handleGive = (gid) => {
     display: none;
   }
 
-  .image {
-    .sprite {
-      scale: 3;
-      width: 32px;
-      height: 32px;
-      background-image: url("/assets/cards_sprite.png");
-      background-size: 640px 160px;
-      background-repeat: no-repeat;
-      image-rendering: pixelated;
-    }
-  }
 }
 </style>