From 0af0c94dde9c4c16172112374f923afee5ada6c0 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 24 Oct 2025 10:52:05 +0800
Subject: [PATCH] fix: preview not full

---
 .../components/explore/try-app/preview/flow-app-preview.tsx   | 2 +-
 web/app/components/explore/try-app/preview/index.tsx          | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/app/components/explore/try-app/preview/flow-app-preview.tsx b/web/app/components/explore/try-app/preview/flow-app-preview.tsx
index c6cc4b33ad..a1f682124f 100644
--- a/web/app/components/explore/try-app/preview/flow-app-preview.tsx
+++ b/web/app/components/explore/try-app/preview/flow-app-preview.tsx
@@ -25,7 +25,7 @@ const FlowAppPreview: FC<Props> = ({
   if (!data)
     return null
   return (
-    <div className='w-full'>
+    <div className='h-full w-full'>
       <WorkflowPreview
         {...data.graph}
         className={cn(className)}
diff --git a/web/app/components/explore/try-app/preview/index.tsx b/web/app/components/explore/try-app/preview/index.tsx
index 6c146f9a63..5463aa7b7b 100644
--- a/web/app/components/explore/try-app/preview/index.tsx
+++ b/web/app/components/explore/try-app/preview/index.tsx
@@ -16,6 +16,8 @@ const Preview: FC<Props> = ({
 }) => {
   const isBasicApp = ['agent-chat', 'chat', 'completion'].includes(appDetail.mode)
 
-  return isBasicApp ? <BasicAppPreview appId={appId} /> : <FlowAppPreview appId={appId} className='h-[80vh]' />
+  return <div className='h-full w-full'>
+    {isBasicApp ? <BasicAppPreview appId={appId} /> : <FlowAppPreview appId={appId} className='h-full' />}
+  </div>
 }
 export default React.memo(Preview)