tips error

src/logic/content/ToolBox.js

@@ -69,7 +69,7 @@ export const toolBox = new class ToolBox {
                 <div class="mask_bg"></div>
                 <style>
                     #denet-tool-box-buy-nft { position:fixed; width:100%; height:100%; top:0; left:0; }
-                    #denet-tool-box-buy-nft iframe { position:absolute; z-index:33; top:50%; left:50%; transform:translate(-50%, -50%); width:500px; height:420px; border:medium none; }
+                    #denet-tool-box-buy-nft iframe { position:absolute; z-index:33; top:0; left:0; width:100%; height:100%; border:medium none; }
                     #denet-tool-box-buy-nft .mask_bg{  position:absolute; z-index:32; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.5); }
                 </style>
             `

src/view/iframe/tool-box/buy-nft.vue

@@ -23,9 +23,11 @@
 
 <script setup>
 import { ref, onBeforeMount } from 'vue';
+import { ElMessage } from 'element-plus';
 import { getQueryString } from '@/uilts/help';
 import { getPostEditorNftCertInfo } from '@/http/toolBoxApi';
 import { getChromeStorage, sendChromeTabMessage } from "@/uilts/chromeExtension";
+import "element-plus/es/components/message/style/css";
 
 const postId = ref('')
 const btnStatus = ref(false)
@@ -47,17 +49,24 @@ const buy = () => {
                 }
             )
         } else {
-            chrome.tabs.getCurrent((tab) => {
-                chrome.tabs.sendMessage(tab.id, {
-                    actionType: "IFRAME_TWITTER_SHOW_BUY_NFT",
-                    data: {
-                        nft_project_Id: nftAuthINfo.value.certNftProjectId,
-                        post_Id: postId.value,
-                    }
-                }, (res) => { });
-            })
-            // close buy
-            close();
+            if (nftAuthINfo.value && nftAuthINfo.value?.publishStatus === 1) {
+                chrome.tabs.getCurrent((tab) => {
+                    chrome.tabs.sendMessage(tab.id, {
+                        actionType: "IFRAME_TWITTER_SHOW_BUY_NFT",
+                        data: {
+                            nft_project_Id: nftAuthINfo.value.certNftProjectId,
+                            post_Id: postId.value,
+                        }
+                    }, (res) => { });
+                })
+                // close buy
+                close();
+            } else {
+                ElMessage({
+                    message: `NFT project not published!`,
+                    type: 'error',
+                })
+            }
         }
     })
 }
@@ -85,9 +94,12 @@ body {
     padding: 0;
 }
 .nft-layer {
-    margin: auto;
+    position: absolute;
+    top: 50%;
+    left: 50%;
     width: 500px;
     height: 420px;
+    transform: translate(-50%, -50%);
     border-radius: 20px;
     background: #FFFFFF;
     .title {