From c046d9cc34434bba0d706e198811973eed2fe6b5 Mon Sep 17 00:00:00 2001
From: Zhengbin Sun <szb4321@gmail.com>
Date: Fri, 16 May 2025 11:40:26 +0800
Subject: [PATCH] fix: update responsive design calculations for chat layout
 (#168)

---
 web/src/app/chat/main.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/app/chat/main.tsx b/web/src/app/chat/main.tsx
index 303b13d..7fe88e2 100644
--- a/web/src/app/chat/main.tsx
+++ b/web/src/app/chat/main.tsx
@@ -20,7 +20,7 @@ export default function Main() {
   return (
     <div
       className={cn(
-        "flex h-full w-full justify-center px-4 pt-12 pb-4",
+        "flex h-full w-full justify-center-safe px-4 pt-12 pb-4",
         doubleColumnMode && "gap-8",
       )}
     >
@@ -28,13 +28,13 @@ export default function Main() {
         className={cn(
           "shrink-0 transition-all duration-300 ease-out",
           !doubleColumnMode &&
-            `w-[768px] translate-x-[min(calc((100vw-538px)*0.75/2),960px/2)]`,
+            `w-[768px] translate-x-[min(max(calc((100vw-538px)*0.75),575px)/2,960px/2)]`,
           doubleColumnMode && `w-[538px]`,
         )}
       />
       <ResearchBlock
         className={cn(
-          "w-[min(calc((100vw-538px)*0.75),960px)] pb-4 transition-all duration-300 ease-out",
+          "w-[min(max(calc((100vw-538px)*0.75),575px),960px)] pb-4 transition-all duration-300 ease-out",
           !doubleColumnMode && "scale-0",
           doubleColumnMode && "",
         )}