refactor: remove NuxtLayout

Signed-off-by: ZTL-UwU <[email protected]>

app.vue

@@ -1,6 +1,4 @@
 <template>
   <NuxtLoadingIndicator :color="false" class="z-100 bg-primary" />
-  <NuxtLayout>
-    <NuxtPage />
-  </NuxtLayout>
+  <NuxtPage />
 </template>

components/content/Badge.vue

@@ -19,9 +19,9 @@ const props = withDefaults(defineProps<{
 
 const typeTwClass = {
   default: '',
-  info: `${props.variant !== 'outline' && 'bg-sky-500 hover:bg-sky-600'} ${props.variant === 'outline' && 'border-sky-500 text-sky-500'}`,
-  warning: `${props.variant !== 'outline' && 'bg-amber-500 hover:bg-amber-600'} ${props.variant === 'outline' && 'border-amber-500 text-amber-500'}`,
-  success: `${props.variant !== 'outline' && 'bg-green-500 hover:bg-green-600'} ${props.variant === 'outline' && 'border-green-500 text-green-500'}`,
-  danger: `${props.variant !== 'outline' && 'bg-red-500 hover:bg-red-600'} ${props.variant === 'outline' && 'border-red-500 text-red-500'}`,
+  info: `${props.variant !== 'outline' && 'bg-sky-500 hover:bg-sky-400'} ${props.variant === 'outline' && 'border-sky-500 text-sky-500'}`,
+  warning: `${props.variant !== 'outline' && 'bg-amber-500 hover:bg-amber-400'} ${props.variant === 'outline' && 'border-amber-500 text-amber-500'}`,
+  success: `${props.variant !== 'outline' && 'bg-green-500 hover:bg-green-400'} ${props.variant === 'outline' && 'border-green-500 text-green-500'}`,
+  danger: `${props.variant !== 'outline' && 'bg-red-500 hover:bg-red-400'} ${props.variant === 'outline' && 'border-red-500 text-red-500'}`,
 };
 </script>

pages/[...slug].vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="border-b">
+  <LayoutHeader />
+  <div class="border-b min-h-screen">
     <div class="container px-4 md:px-8 flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
       <aside class="fixed top-[102px] lg:top-[60px] z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block overflow-y-auto">
         <LayoutAside :is-mobile="false" />
@@ -42,6 +43,7 @@
       </main>
     </div>
   </div>
+  <LayoutFooter />
 </template>
 
 <script setup lang="ts">

pages/index.vue

@@ -1,10 +1,12 @@
 <template>
+  <LayoutHeader />
   <div class="container px-4 md:px-8 py-6">
     <ContentRenderer
       :key="page._id"
       :value="page"
     />
   </div>
+  <LayoutFooter />
 </template>
 
 <script setup lang="ts">