From affbb25389e90f7d5a6b89c1740767bc364a0602 Mon Sep 17 00:00:00 2001
From: Yoshiki Miura <miurap400@gmail.com>
Date: Sat, 27 Apr 2024 10:04:45 +0900
Subject: [PATCH] Refactor form position in ChatPanel component

---
 components/chat-panel.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/components/chat-panel.tsx b/components/chat-panel.tsx
index 3b0c018e..b4a2c188 100644
--- a/components/chat-panel.tsx
+++ b/components/chat-panel.tsx
@@ -81,14 +81,12 @@ export function ChatPanel() {
     )
   }
 
-  // Condition 1 and 3: If there are no messages or the button is pressed, display the form
-  const formPositionClass =
-    messages.length === 0
-      ? 'fixed bottom-8 left-0 right-0 top-10 mx-auto h-screen flex flex-col items-center justify-center'
-      : 'fixed bottom-8-ml-6'
   return (
-    <div className={formPositionClass}>
-      {/* <IconKuroko className="w-6 h-6 mb-4" /> */}
+    <div
+      className={
+        'fixed bottom-8 left-0 right-0 top-10 mx-auto h-screen flex flex-col items-center justify-center'
+      }
+    >
       <form onSubmit={handleSubmit} className="max-w-2xl w-full px-6">
         <div className="relative flex items-center w-full">
           <Input