fix some ui issues

components/layout/Footer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-row items-center justify-center py-[20px] dark:bg-slate-800">
+  <div class="py-[20px] dark:bg-slate-800">
     <p class="font-mono text-[12px] text-center text-gray-400">
       爱盼-网盘资源搜索
     </p>

layouts/custom.vue

@@ -1,10 +1,10 @@
 <template>
-  <slot></slot>
+  <div>
+    <slot></slot>
+  </div>
 </template>
 
 <script setup>
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

layouts/default.vue

@@ -1,6 +1,8 @@
 <template>
   <Header></Header>
-  <slot></slot>
+  <div>
+    <slot></slot>
+  </div>
   <Footer></Footer>
 </template>
 
@@ -10,6 +12,4 @@ import Header from "~/components/layout/Header.vue";
 
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

layouts/netdisk.vue

@@ -5,7 +5,9 @@ import Footer from "~/components/layout/netdisk/Footer.vue";
 <template>
     <div>
         <Header></Header>
-        <slot></slot>
+        <div>
+            <slot></slot>
+        </div>
         <Footer></Footer>
     </div>
 </template>

pages/blog/[slug].vue

@@ -20,7 +20,7 @@ const { data: blog } = useAsyncData('blog', async () => {
                 <h1 class="ml-4 sm:ml-0 font-bold text-xl text-center dark:text-white">{{ blog?.title }}</h1>
             </div>
         </div>
-        <div class="sm:py-5 max-w-[1240px] mx-auto">
+        <div class="sm:py-5 max-w-[1240px] mx-auto" v-if="blog && blog.content">
             <client-only>
                 <mavon-editor v-model="blog.content" class="w-full h-full sm:mt-4" :boxShadow="false" :subfield="false"
                     previewBackground="transparent" :toolbarsFlag="false" :editable="false"

pages/blog/index.vue

@@ -66,7 +66,7 @@ onMounted(async () => {
             这里是精彩的博客天地，时常发布一些妙趣横生的内容。欢迎各位朋友拨冗光临，一同感受这里的独特魅力。
         </div>
         <div class="grid grid-cols-5 max-w-[1240px] mx-auto">
-            <div class="col-span-3 border-r border-slate-100 py-5 pr-5">
+            <div class="col-span-3 border-r border-slate-100 py-5 pr-5 min-h-screen">
                 <div class="space-y-3 ">
                     <div class="p-3 space-y-3  border-b border-slate-200 " v-for="(item, index) in postsData"
                         :key="index">