From 9a36e48de5e74f49f0d37b13b16a623f54a86ffa Mon Sep 17 00:00:00 2001
From: WanQuanXie <i2cherry941219@gmail.com>
Date: Wed, 29 May 2024 14:31:42 +0800
Subject: [PATCH] fix(ui): correct the dom elements' position

---
 ui/components/EmptyChat.tsx | 21 ++++++++++++---------
 ui/components/Navbar.tsx    |  5 +++--
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/ui/components/EmptyChat.tsx b/ui/components/EmptyChat.tsx
index 2cb3328..b947404 100644
--- a/ui/components/EmptyChat.tsx
+++ b/ui/components/EmptyChat.tsx
@@ -11,16 +11,19 @@ const EmptyChat = ({
   setFocusMode: (mode: string) => void;
 }) => {
   return (
-    <div className="relative flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-8">
+    <div className="relative">
       <ThemeSwitcher size={17} className="absolute top-2 right-0 lg:hidden" />
-      <h2 className="text-black/70 dark:text-white/70 text-3xl font-medium -mt-8">
-        Research begins here.
-      </h2>
-      <EmptyChatMessageInput
-        sendMessage={sendMessage}
-        focusMode={focusMode}
-        setFocusMode={setFocusMode}
-      />
+
+      <div className="flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-8">
+        <h2 className="text-black/70 dark:text-white/70 text-3xl font-medium -mt-8">
+          Research begins here.
+        </h2>
+        <EmptyChatMessageInput
+          sendMessage={sendMessage}
+          focusMode={focusMode}
+          setFocusMode={setFocusMode}
+        />
+      </div>
     </div>
   );
 };
diff --git a/ui/components/Navbar.tsx b/ui/components/Navbar.tsx
index 4159161..c64dbd0 100644
--- a/ui/components/Navbar.tsx
+++ b/ui/components/Navbar.tsx
@@ -49,9 +49,10 @@ const Navbar = ({ messages }: { messages: Message[] }) => {
         <p className="text-xs">{timeAgo} ago</p>
       </div>
       <p className="hidden lg:flex">{title}</p>
-      <div className="flex flex-row items-center space-x-4">
-        <ThemeSwitcher size={17} className="lg:hidden" />
 
+      <ThemeSwitcher size={17} className="lg:hidden ml-auto mr-4" />
+
+      <div className="flex flex-row items-center space-x-4">
         <Share
           size={17}
           className="active:scale-95 transition duration-100 cursor-pointer"