fix 404 page

src/pages/[...all].vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useTheme } from 'vuetify'
 import misc404 from '@images/pages/404.png'
 import miscMaskDark from '@images/pages/misc-mask-dark.png'
 import miscMaskLight from '@images/pages/misc-mask-light.png'
 import tree from '@images/pages/tree.png'
+import { useTheme } from 'vuetify'
 
 const vuetifyTheme = useTheme()
 
@@ -52,9 +52,17 @@ const authThemeMask = computed(() => {
 <style lang="scss">
 @use "@core/scss/pages/misc.scss";
 
-.misc-footer-tree {
+.misc-wrapper .misc-footer-tree {
+  position: absolute;
+  z-index: 1;
   inline-size: 15.625rem;
   inset-block-end: 3.5rem;
   inset-inline-start: 0.375rem;
 }
+
+.misc-wrapper .misc-footer-img {
+  position: absolute;
+  inline-size: 100%;
+  inset-block-end: 0;
+}
 </style>

src/views/subscribe/SubscribeListView.vue

@@ -81,7 +81,7 @@ const getIcon = (type: string) => {
 </script>
 
 <template>
-  <VRow>
+  <VRow v-if="filteredDataList.length > 0">
     <VCol v-for="data in filteredDataList" :key="data.id" cols="12" md="6" lg="4">
       <VCard :image="data.backdrop" class="card-with-overlay">
         <VCardItem>
@@ -131,6 +131,11 @@ const getIcon = (type: string) => {
       </VCard>
     </VCol>
   </VRow>
+  <ErrorHeader v-else
+    error-code="404"
+    error-title="没有订阅⚠️"
+    error-description="通过顶部搜索框搜索或远程发送消息来添加订阅吧。"
+  />
 </template>
 
 <style lang="scss">