diff --git a/src/components/market/NftInfo.vue b/src/components/market/NftInfo.vue index 5bc883e..e1eea20 100644 --- a/src/components/market/NftInfo.vue +++ b/src/components/market/NftInfo.vue @@ -37,15 +37,13 @@
-
-
+
+
Level
{{nftData.level}}
-
-
-
-
{{data.key}}
+
+
{{data.key.replace(/_/g, ' ')}}
{{data.value}}
@@ -157,6 +155,25 @@ export default class extends Vue { width: 40%; } } + .all-col-info { + display: flex; + flex-wrap: wrap; + .half-info{ + width: 50%; + display: flex; + flex-direction: row; + justify-content: space-between; + .info-title{ + width: 60%; + text-transform: capitalize; + } + .info-val{ + width: 40%; + margin-left: 10px; + color: #3CF562; + } + } + } } } @media (max-width: 767px) { @@ -199,6 +216,18 @@ export default class extends Vue { display: flex; } } + .all-col-info { + .half-info{ + width: 100%; + margin-bottom: 8px; + .info-title{ + width: 60%; + } + .info-val{ + width: 40%; + } + } + } .coming{ color: #6B6E91; text-align: center;