From d3f8c4c3c892e3f20a19c3e7fa378b33efe5919a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n=20UB?=
 <22903142+adrian-ub@users.noreply.github.com>
Date: Thu, 7 Nov 2024 13:52:00 -0500
Subject: [PATCH] docs: fix layout

---
 .../components/component-preview/ComponentPreview.astro  | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/src/components/component-preview/ComponentPreview.astro b/docs/src/components/component-preview/ComponentPreview.astro
index e9ea0f1..277f3ec 100644
--- a/docs/src/components/component-preview/ComponentPreview.astro
+++ b/docs/src/components/component-preview/ComponentPreview.astro
@@ -12,7 +12,6 @@ import StyleSwitcher from '../StyleSwitcher.astro'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../tabs'
 
 import { ComponentPeviewComponent } from './component-preview'
-import ComponentSource from './ComponentSource.astro'
 
 export interface Props {
   name: string
@@ -100,11 +99,13 @@ const components = await Promise.all(
 
     <TabsContent>
       <div class="flex flex-col space-y-4">
-        <div class="w-full rounded-md [&_pre]:my-0 [&_pre]:max-h-[350px] [&_pre]:overflow-auto">
-          <ComponentSource>
+        <div class="w-full rounded-md [&_pre]:my-0 [&_pre]:max-h-[410px] [&_pre]:overflow-auto">
+          <template x-if="$store.style === 'new-york'">
             <slot name="new-york" slot="new-york"> <p>Not found</p> </slot>
+          </template>
+          <template x-if="$store.style === 'default'">
             <slot name="default" slot="default"> <p>Not found</p> </slot>
-          </ComponentSource>
+          </template>
         </div>
       </div>
     </TabsContent>