ui

src/logic/content/twitter.js

@@ -1268,13 +1268,13 @@ export const showNFTCard = () => {
     if (where) {
         let iframe = document.createElement('iframe');
         iframe.src = chrome.runtime.getURL(`/iframe/nft-card.html`)
-        iframe.style.cssText = 'border:medium none; width:100%; height:297px;';
+        iframe.style.cssText = 'border:medium none; width:100%; height:290px;';
         let nftElement = document.createElement('div');
         nftElement.id = 'de-nft-node';
         nftElement.innerHTML = `
                 ${iframe.outerHTML}
                 <style>
-                    #de-nft-node {height:297px; margin-bottom:17px; display:none;}
+                    #de-nft-node {height:290px; margin-bottom:17px; display:none;}
                 </style>
             `;
 

src/view/iframe/nft/card.vue

@@ -149,7 +149,7 @@ body {
 
 .nft {
     width: 100%;
-    height:297px;
+    height: 290px;
     user-select:none;
     border-radius:20px;
     background:#F7F9F9;
@@ -210,20 +210,20 @@ body {
 
     .buy {
         position: relative;
-        height: 61px;
+        height: 54px;
         display: flex;
         justify-content: center;
-        align-items: center;
         .guide {
             position: absolute;
-            top: 20px;
+            top: 6px;
             right: 30%;
             width: 26px;
             animation: fade 1s infinite;
         }
         button {
-            width: 310px;
+            width: 100%;
             height: 34px;
+            margin: 0 20px;
             cursor: pointer;
             color: #ffffff;
             font-size: 15px;