feat: disable zero docs

Author: mychidarko

.vitepress/config/sidebar.ts

@@ -136,12 +136,28 @@ const sidebar = [
       { text: 'Introduction', link: '/docs/frontend/' },
       { text: 'Bare UI', link: '/docs/frontend/bareui' },
       { text: 'Leaf Blade', link: '/docs/frontend/blade' },
-      { text: 'Leaf Zero', link: '/docs/frontend/zero' },
       { text: 'Other Engines', link: '/docs/frontend/third-party' },
       { text: 'Vite JS', link: '/docs/frontend/vite' },
       { text: 'Tailwind CSS', link: '/docs/frontend/tailwind' },
       { text: 'Inertia JS', link: '/docs/frontend/inertia' },
       // { text: 'Leaf UI', link: '/docs/frontend/leaf-ui' },
+      // {
+      //   text: 'Leaf Zero',
+      //   collapsible: true,
+      //   collapsed: true,
+      //   items: [
+      //     { text: 'Introduction', link: '/docs/frontend/zero/' },
+      //     { text: 'Layouts', link: '/docs/frontend/zero/layouts' },
+      //     { text: 'Forms', link: '/docs/frontend/zero/forms' },
+      //     { text: 'Modals', link: '/docs/frontend/zero/modals' },
+      //     { text: 'Alerts', link: '/docs/frontend/zero/alerts' },
+      //     { text: 'Loading', link: '/docs/frontend/zero/loading' },
+      //     { text: 'Icons', link: '/docs/frontend/zero/icons' },
+      //     { text: 'Forms', link: '/docs/frontend/zero/forms' },
+      //     { text: 'Merketing Sections', link: '/docs/frontend/zero/marketing' },
+      //     { text: 'Dashboard Sections', link: '/docs/frontend/zero/dashboard' },
+      //   ],
+      // },
     ],
   },
   {

.vitepress/theme/components/shared/PreviewCode.vue

@@ -15,9 +15,9 @@ const repositionTabMarker = (el) => {
 </script>
 
 <template>
-  <div class="relative z-30 w-full mb-5 rounded-lg">
+  <div class="relative z-10 w-full mb-5 rounded-lg">
     <div class="flex items-center justify-between mb-3">
-      <h4 class="!m-0 !p-0">{{ props.title }}</h4>
+      <h3 class="!m-0 !p-0">{{ props.title }}</h3>
       <div
         class="relative inline-grid items-center justify-center w-auto h-10 grid-cols-2 p-1 bg-[var(--vp-c-bg-alt)] rounded-xl select-none">
         <button type="button" @click="repositionTabMarker($event.target); tab = 'preview';"

src/docs/frontend/blade.md

@@ -90,7 +90,7 @@ Blade views are a pretty sweet mixture of HTML, PHP, and clean syntax. You can c
 
 This should look pretty familiar if you know HTML (of course you do). The only difference is the <span v-pre>`{{ $name }}`</span> part. This is Blade's way of creating a variable in your view. When you render this view, Blade will allow you pass in a variable called `$name` and it will be displayed in place of <span v-pre>`{{ $name }}`</span>. Let's see how you can render this view.
 
-<section id="leaf-zero" class="rounded-2xl shadow-md outline outline-gray-100 dark:outline-gray-800 p-4 md:p-10 bg-[var(--vp-c-bg-alt)]">
+<!-- <section id="leaf-zero" class="rounded-2xl shadow-md outline outline-gray-100 dark:outline-gray-800 p-4 md:p-10 bg-[var(--vp-c-bg-alt)]">
     <p
         class="mt-4 text-3xl sm:text-4xl text-slate-900 font-extrabold tracking-tight dark:text-slate-50"
     >
@@ -99,7 +99,7 @@ This should look pretty familiar if you know HTML (of course you do). The only d
     <p class="mt-4 max-w-3xl space-y-6">
         Zero is a collection of free pre-built components, page sections, and templates powered by Blade, Tailwind and Alpine JS to help you build your UIs faster.
     </p>
-    <Button as="a" href="/docs/frontend/zero" class="!text-white bg-red-500 hover:bg-red-600">View Leaf Zero</Button>
+    <Button as="a" href="/docs/frontend/zero/" class="!text-white bg-red-500 hover:bg-red-600">View Leaf Zero</Button>
     <div class="relative pt-10 xl:pt-0 mt-10">
         <div
             class="hidden dark:block absolute top-0 inset-x-0 h-[37.5rem] bg-gradient-to-b from-[#0c1120] xl:top-18"
@@ -204,7 +204,7 @@ This should look pretty familiar if you know HTML (of course you do). The only d
             </div>
         </div>
     </div>
-</section>
+</section> -->
 
 ## Rendering Blade Views