优化 前端博客内容空提示

tonecn/src/views/BlogContent.vue

@@ -86,7 +86,9 @@ onUnmounted(() => {
     <div class="bg-default-bg dark:bg-[#222] fixed inset-0 w-full h-full -z-10"></div>
     <div class="flex flex-col max-w-[600px] my-[50px] mx-auto px-[20px]">
         <div class="mx-auto dark:text-white" v-if="loadStatus == 0">加载中，请稍后...</div>
-        <el-empty v-if="loadStatus < 0" :description="loadStatusDescription" />
+        <div v-if="loadStatus < 0" class="flex justify-center items-center sm:h-[calc(100vh-190px)] h-[calc(100vh-180px)] min-h-[260px]">
+            <el-empty class="mb-[60px]" :description="loadStatusDescription" />
+        </div>
         <div v-if="loadStatus == 1">
             <div>
                 <h1 class="text-center text-[28px] font-semibold dark:text-white text-[#222]">{{ blogInfo.title }}</h1>
@@ -173,7 +175,7 @@ onUnmounted(() => {
 }
 
 #blogContentContainer table thead th {
-    @apply border-[2px] ;
+    @apply border-[2px];
 }
 
 #blogContentContainer table td {
@@ -183,5 +185,4 @@ onUnmounted(() => {
 #blogContentContainer a {
     @apply dark:text-white;
 }
-
 </style>