From a3fec11438a576a8b99169c9d39a71f14197865f Mon Sep 17 00:00:00 2001
From: crazywoola <100913391+crazywoola@users.noreply.github.com>
Date: Thu, 24 Aug 2023 22:37:46 +0800
Subject: [PATCH] fix: styles (#1005)

---
 web/app/(shareLayout)/layout.tsx           | 8 +++++---
 web/app/components/share/chat/index.tsx    | 4 ++--
 web/app/components/share/chatbot/index.tsx | 2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/web/app/(shareLayout)/layout.tsx b/web/app/(shareLayout)/layout.tsx
index 2ccd917c06..9e3e8ad4fb 100644
--- a/web/app/(shareLayout)/layout.tsx
+++ b/web/app/(shareLayout)/layout.tsx
@@ -6,9 +6,11 @@ const Layout: FC<{
   children: React.ReactNode
 }> = ({ children }) => {
   return (
-    <div className="min-w-[300px]">
-      <GA gaType={GaType.webapp} />
-      {children}
+    <div className=''>
+      <div className="min-w-[300px]">
+        <GA gaType={GaType.webapp} />
+        {children}
+      </div>
     </div>
   )
 }
diff --git a/web/app/components/share/chat/index.tsx b/web/app/components/share/chat/index.tsx
index f0f1aea956..31bc377668 100644
--- a/web/app/components/share/chat/index.tsx
+++ b/web/app/components/share/chat/index.tsx
@@ -574,7 +574,7 @@ const Main: FC<IMainProps> = ({
     return <Loading type='app' />
 
   return (
-    <div className='bg-gray-100 flex w-full h-full'>
+    <div className='bg-gray-100'>
       {!isInstalledApp && (
         <Header
           title={siteInfo.title}
@@ -611,7 +611,7 @@ const Main: FC<IMainProps> = ({
         )}
         {/* main */}
         <div className={cn(
-          isInstalledApp ? s.installedApp : '',
+          isInstalledApp ? s.installedApp : 'h-screen',
           'flex-grow flex flex-col overflow-y-auto',
         )
         }>
diff --git a/web/app/components/share/chatbot/index.tsx b/web/app/components/share/chatbot/index.tsx
index f8168d5b38..5602294c42 100644
--- a/web/app/components/share/chatbot/index.tsx
+++ b/web/app/components/share/chatbot/index.tsx
@@ -510,7 +510,7 @@ const Main: FC<IMainProps> = ({
 
       <div className={'flex bg-white overflow-hidden'}>
         <div className={cn(
-          isInstalledApp ? s.installedApp : '',
+          isInstalledApp ? s.installedApp : 'h-[calc(100vh_-_3rem)]',
           'flex-grow flex flex-col overflow-y-auto',
         )
         }>