fix: mobile scroll problem

app/components/chat.tsx

@@ -548,6 +548,7 @@ export function Chat(props: {
                 <div
                   className={styles["chat-message-item"]}
                   onMouseOver={() => inputRef.current?.blur()}
+                  onTouchStart={() => inputRef.current?.blur()}
                 >
                   {!isUser &&
                     !(message.preview || message.content.length === 0) && (

app/components/home.module.scss

@@ -333,6 +333,7 @@
 .chat-input-panel {
   width: 100%;
   padding: 20px;
+  padding-top: 5px;
   box-sizing: border-box;
   flex-direction: column;
 }

app/styles/globals.scss

@@ -188,7 +188,7 @@ input[type="text"] {
   appearance: none;
   border-radius: 10px;
   border: var(--border-in-light);
-  height: 36px;
+  min-height: 36px;
   box-sizing: border-box;
   background: var(--white);
   color: var(--black);