From f3eb2dbacd798188bb564f79e9f2f510f913ee73 Mon Sep 17 00:00:00 2001
From: ayangweb <75017711+ayangweb@users.noreply.github.com>
Date: Tue, 25 Feb 2025 11:49:41 +0800
Subject: [PATCH] fix: white space at the bottom of chat (#192)

---
 src/components/Common/Transition.tsx | 4 ++--
 src/components/Search/Search.tsx     | 5 ++++-
 src/pages/main/index.tsx             | 8 ++++----
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/Common/Transition.tsx b/src/components/Common/Transition.tsx
index a85cd6cf..9781901e 100644
--- a/src/components/Common/Transition.tsx
+++ b/src/components/Common/Transition.tsx
@@ -30,7 +30,7 @@ const TransitionComponent = () => {
         data-tauri-drag-region
         className={`shadow-window-custom border border-[#E6E6E6] dark:border-[#272626] absolute w-full bg-green-500 transition-opacity duration-500 ${
           isTransitioned ? "opacity-0 pointer-events-none" : "opacity-100"
-        } bottom-0 h-[500px]`}
+        } bottom-0 h-[calc(100vh-90px)]`}
       ></div>
 
       <div
@@ -39,7 +39,7 @@ const TransitionComponent = () => {
           isTransitioned
             ? "top-0 opacity-100 pointer-events-auto"
             : "-top-[506px] opacity-0 pointer-events-none"
-        } h-[500px]`}
+        } h-[calc(100vh-90px)]`}
       ></div>
     </div>
   );
diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
index 743379cb..c8c745a4 100644
--- a/src/components/Search/Search.tsx
+++ b/src/components/Search/Search.tsx
@@ -129,7 +129,10 @@ function Search({ isChatMode, input }: SearchProps) {
   }, [input]);
 
   return (
-    <div ref={mainWindowRef} className={`h-[500px] pb-10 w-full relative`}>
+    <div
+      ref={mainWindowRef}
+      className={`h-[calc(100vh-90px)] pb-10 w-full relative`}
+    >
       {/* Search Results Panel */}
       {suggests.length > 0 ? (
         sourceData ? (
diff --git a/src/pages/main/index.tsx b/src/pages/main/index.tsx
index eca0a6db..1d294ad2 100644
--- a/src/pages/main/index.tsx
+++ b/src/pages/main/index.tsx
@@ -91,7 +91,7 @@ export default function DesktopApp() {
     <div
       data-tauri-drag-region
       className={clsx(
-        "w-full h-full m-auto  overflow-hidden relative border border-[#E6E6E6] dark:border-[#272626] bg-no-repeat bg-cover bg-center",
+        "size-full m-auto overflow-hidden relative border border-[#E6E6E6] dark:border-[#272626] bg-no-repeat bg-cover bg-center",
         [
           isTransitioned
             ? "bg-chat_bg_light dark:bg-chat_bg_dark"
@@ -106,7 +106,7 @@ export default function DesktopApp() {
         data-tauri-drag-region
         className={`p-2 pb-0 absolute w-full flex items-center justify-center transition-all duration-500 ${
           isTransitioned
-            ? "top-[500px] h-[90px] border-t"
+            ? "top-[calc(100vh-90px)] h-[90px] border-t"
             : "top-0 h-[90px] border-b"
         } border-[#E6E6E6] dark:border-[#272626]`}
       >
@@ -132,7 +132,7 @@ export default function DesktopApp() {
         data-tauri-drag-region
         className={`absolute w-full transition-opacity duration-500 ${
           isTransitioned ? "opacity-0 pointer-events-none" : "opacity-100"
-        } bottom-0 h-[500px] `}
+        } bottom-0 h-[calc(100vh-90px)] `}
       >
         <Search
           key="Search"
@@ -148,7 +148,7 @@ export default function DesktopApp() {
           isTransitioned
             ? "top-0 opacity-100 pointer-events-auto"
             : "-top-[506px] opacity-0 pointer-events-none"
-        } h-[500px]`}
+        } h-[calc(100vh-90px)]`}
       >
         {isTransitioned && isChatMode ? (
           <ChatAI