From 1802e72a56f0c674a2f363b5d7458fd8137c8db2 Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Fri, 28 Jun 2024 10:43:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=86=E5=8F=B2=E8=AE=B0=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/tradingCard.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/common/tradingCard.vue b/src/components/common/tradingCard.vue
index 7e8e932..dce598a 100644
--- a/src/components/common/tradingCard.vue
+++ b/src/components/common/tradingCard.vue
@@ -85,7 +85,6 @@ console.log(props.nftData)
 
 <style lang="scss" scoped>
 div {
-  width: 100%;
   :deep(.ant-table-wrapper) {
     .ant-spin-nested-loading {
       .ant-spin-container {
@@ -112,8 +111,13 @@ div {
                   td {
                     border-color: #34354e;
                     background: #16141b !important;
+                    vertical-align: middle;
                     >div {
                       text-align: center;
+                      font-family: 'Poppins';
+                      font-weight: 600;
+                      font-size: 20px;
+                      color: #F3F0FF;
                     }
                     .nft {
                       display: flex;
@@ -128,7 +132,7 @@ div {
                         }
                       }
                       .nft-name {
-                        width: 120px;
+                        width: 140px;
                         text-align: left;
                         margin-left: 20px;
                       }
@@ -143,7 +147,7 @@ div {
                       display: flex;
                       align-items: center;
                       justify-content: center;
-                      width: 100px;
+                      width: 140px;
                       .nft-price {
                         font-family: 'Anton';
                         font-weight: 400;
@@ -153,12 +157,19 @@ div {
                       .nft-img {
                         width: 43px;
                         // height: 43px;
+                        margin-left: 20px;
                         img {
                           width: 100%;
                           height: 100%;
                         }
                       }
                     }
+                    .quantity {
+                      width: 60px;
+                      .nft-quantity {
+
+                      }
+                    }
                   }
                   &:hover {
                     background: #16141b !important;