修复显示问题

src/components/assets/assetsHeader.vue

@@ -2280,7 +2280,7 @@ onMounted(() => {
           }
         }
         .conform-btn {
-          width: 427px;
+          width: 327px;
           height: 81px;
           display: flex;
           align-items: center;
@@ -2297,8 +2297,8 @@ onMounted(() => {
           cursor: pointer;
           span {
             display: inline-block;
-            width: 100px;
+            // width: 100px;
-            text-align: right;
+            // text-align: right;
           }
           img {
             width: 54px;

src/components/common/card.vue

@@ -7,6 +7,7 @@
       <div class="card-name">
         <div>
           <span v-if="nftData.nft.type == 1">GENESIS HERO</span>
+          <span v-if="nftData.nft.type == 12">Legacy Heroes</span>
           <span v-if="nftData.nft.type == 11">GOLD CARD</span>
         </div>
         <div>{{nftData.nft.name}}</div>
@@ -262,6 +263,9 @@ onMounted(() => {
       justify-content: space-between;
       align-items: center;
       margin: 20px 0;
+      font-family: "Poppins";
+      font-weight: 600;
+      font-size: 20px;
     }
     .card-price {
       display: flex;

src/configs/item.json

@@ -1,29 +1,29 @@
 {
-  "1": {
+  "2": {
     "id": 1,
     "name": "Tier1",
     "type": 31,
     "sub_type": 1
   },
-  "2": {
+  "3": {
     "id": 2,
     "name": "Tier2",
     "type": 31,
     "sub_type": 1
   },
-  "3": {
+  "4": {
     "id": 3,
     "name": "Tier3",
     "type": 31,
     "sub_type": 1
   },
-  "4": {
+  "5": {
     "id": 4,
     "name": "Tier4",
     "type": 31,
     "sub_type": 1
   },
-  "5": {
+  "6": {
     "id": 5,
     "name": "Tier5",
     "type": 31,