fix: styles (#1005)

web/app/(shareLayout)/layout.tsx

   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>
   )
 }

web/app/components/share/chat/index.tsx

     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}
         )}
         {/* main */}
         <div className={cn(
-          isInstalledApp ? s.installedApp : '',
+          isInstalledApp ? s.installedApp : 'h-screen',
           'flex-grow flex flex-col overflow-y-auto',
         )
         }>

web/app/components/share/chatbot/index.tsx

 
       <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',
         )
         }>