From f13623184a96bb633f3d7722478d566d50158d27 Mon Sep 17 00:00:00 2001
From: crazywoola <100913391+crazywoola@users.noreply.github.com>
Date: Thu, 24 Aug 2023 17:57:25 +0800
Subject: [PATCH] fix style in app share (#995)

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

diff --git a/web/app/(shareLayout)/layout.tsx b/web/app/(shareLayout)/layout.tsx
index f629943f86..2ccd917c06 100644
--- a/web/app/(shareLayout)/layout.tsx
+++ b/web/app/(shareLayout)/layout.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react'
 import type { FC } from 'react'
 import GA, { GaType } from '@/app/components/base/ga'
 
@@ -6,13 +6,11 @@ const Layout: FC<{
   children: React.ReactNode
 }> = ({ children }) => {
   return (
-    <div className="overflow-x-auto">
-      <div className="w-screen h-screen min-w-[300px]">
-        <GA gaType={GaType.webapp} />
-        {children}
-      </div>
+    <div className="min-w-[300px]">
+      <GA gaType={GaType.webapp} />
+      {children}
     </div>
   )
 }
 
-export default Layout
\ No newline at end of file
+export default Layout
diff --git a/web/app/components/share/chat/index.tsx b/web/app/components/share/chat/index.tsx
index 7ba0ad69e3..f0f1aea956 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'>
+    <div className='bg-gray-100 flex w-full h-full'>
       {!isInstalledApp && (
         <Header
           title={siteInfo.title}
@@ -588,7 +588,7 @@ const Main: FC<IMainProps> = ({
 
       <div
         className={cn(
-          'flex rounded-t-2xl bg-white overflow-hidden',
+          'flex rounded-t-2xl bg-white overflow-hidden h-full w-full',
           isInstalledApp && 'rounded-b-2xl',
         )}
         style={isInstalledApp
@@ -611,7 +611,7 @@ const Main: FC<IMainProps> = ({
         )}
         {/* main */}
         <div className={cn(
-          isInstalledApp ? s.installedApp : 'h-[calc(100vh_-_3rem)]',
+          isInstalledApp ? s.installedApp : '',
           'flex-grow flex flex-col overflow-y-auto',
         )
         }>
diff --git a/web/app/components/share/chat/sidebar/index.tsx b/web/app/components/share/chat/sidebar/index.tsx
index f80ee6a950..937ec3e65c 100644
--- a/web/app/components/share/chat/sidebar/index.tsx
+++ b/web/app/components/share/chat/sidebar/index.tsx
@@ -85,7 +85,7 @@ const Sidebar: FC<ISidebarProps> = ({
     <div
       className={
         cn(
-          (isInstalledApp || isUniversalChat) ? 'tablet:h-[calc(100vh_-_74px)]' : 'tablet:h-[calc(100vh_-_3rem)]',
+          (isInstalledApp || isUniversalChat) ? 'tablet:h-[calc(100vh_-_74px)]' : '',
           'shrink-0 flex flex-col bg-white pc:w-[244px] tablet:w-[192px] mobile:w-[240px]  border-r border-gray-200 mobile:h-screen',
         )
       }
diff --git a/web/app/components/share/chatbot/index.tsx b/web/app/components/share/chatbot/index.tsx
index 5602294c42..f8168d5b38 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 : 'h-[calc(100vh_-_3rem)]',
+          isInstalledApp ? s.installedApp : '',
           'flex-grow flex flex-col overflow-y-auto',
         )
         }>