fix scroll issues (#1000)

Chainlit · May 16, 2024 · 6295895 · 6295895
1 parent 68b321a
commit 6295895
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -133,6 +133,7 @@ function App() {
       <Box
         display="flex"
         height="100vh"
+        maxHeight="-webkit-fill-available"
         width="100vw"
         sx={{ overflowX: 'hidden' }}
       >

diff --git a/frontend/src/components/organisms/chat/index.tsx b/frontend/src/components/organisms/chat/index.tsx
@@ -198,7 +198,6 @@ const Chat = () => {
         </>
       ) : null}
       <Stack width="100%">
-        <Box my={1} />
         {error ? (
           <Box
             sx={{

diff --git a/frontend/src/hooks/useLayoutMaxWidth.tsx b/frontend/src/hooks/useLayoutMaxWidth.tsx
@@ -1,6 +1,8 @@
 const useLayoutMaxWidth = () => {
   // @ts-expect-error custom property
-  return window.theme?.layout === 'wide' ? '60rem' : '48rem';
+  return window.theme?.layout === 'wide'
+    ? 'min(60rem, 100vw)'
+    : 'min(48rem, 100vw)';
 };
 
 export { useLayoutMaxWidth };