fix(ui): weird rendering when chats have long text

smallcloudai · Dec 26, 2023 · 4e1d37d · 4e1d37d
1 parent b7bd311
commit 4e1d37d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -2,7 +2,6 @@ import { Flex } from "@radix-ui/themes";
 import { Chat } from "./features/Chat";
 import { useEventBusForHost } from "./hooks/useEventBusForHost";
 import { HistorySideBar } from "./features/HistorySideBar";
-import { PageWrapper } from "./components/PageWrapper";
 import { Theme } from "./components/Theme";
 import "./App.css";
 
@@ -12,9 +11,9 @@ function App() {
     <Theme>
       <Flex>
         <HistorySideBar />
-        <PageWrapper>
-          <Chat />
-        </PageWrapper>
+        {/* <PageWrapper> */}
+        <Chat />
+        {/* </PageWrapper> */}
       </Flex>
     </Theme>
   );

diff --git a/src/components/PageWrapper/index.tsx b/src/components/PageWrapper/index.tsx
@@ -1 +1,2 @@
+// TODO: delete this, it's done it's job
 export { PageWrapper } from "./PageWrapper";
diff --git a/src/features/Chat.tsx b/src/features/Chat.tsx
@@ -19,6 +19,17 @@ export const Chat: React.FC = () => {
       direction="column"
       justify="between"
       grow="1"
+      p={{
+        initial: "9",
+        // initial: "5",
+        //  xs: "6",
+        //  sm: "7",
+        //   md: "9"
+      }}
+      style={{
+        height: "100dvh",
+        maxWidth: "calc(100vw - 260px)", // TODO: host this  as the side bar won't always be there
+      }}
       // width="100%"
     >
       <ChatContent
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		// TODO: delete this, it's done it's job
		export { PageWrapper } from "./PageWrapper";