From 4af33319041d7385f4d180a41c50661b05270702 Mon Sep 17 00:00:00 2001
From: ynwd <10122431+ynwd@users.noreply.github.com>
Date: Tue, 29 Oct 2024 07:53:05 +0700
Subject: [PATCH] chore: update layout

---
 modules/index/index.input.tsx | 2 +-
 modules/index/index.main.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/modules/index/index.input.tsx b/modules/index/index.input.tsx
index 12d791f7..1ecbf9d1 100644
--- a/modules/index/index.input.tsx
+++ b/modules/index/index.input.tsx
@@ -49,7 +49,7 @@ export default function MessageInput(
     };
 
     return (
-        <div class={`flex items-center z-20`}>
+        <div class={`flex items-center bg-transparent z-20`}>
             <div class={`w-12 min-w-12 block`}>
                 <img
                     src={props.avatar_url}
diff --git a/modules/index/index.main.tsx b/modules/index/index.main.tsx
index 453908b0..5bc19a14 100644
--- a/modules/index/index.main.tsx
+++ b/modules/index/index.main.tsx
@@ -23,7 +23,7 @@ function ListMessage(props: { data: DataType[] }) {
     return (
         <div
             ref={listRef}
-            class={`overflow-scroll pt-3 mb-16 z-0`}
+            class={`overflow-auto pt-3 mb-16 z-0`}
         >
             <ul class={`flex flex-col justify-end gap-y-2`}>
                 {data && data.map((item, index) => {
@@ -162,7 +162,7 @@ export function Main(
                         <Background />
                         <ListMessage data={data} />
                     </div>
-                    <div class="fixed md:absolute bottom-0 left-0 right-0 pb-4 pl-3 pr-3 z-10">
+                    <div class="fixed md:absolute bottom-0 left-0 right-0 p-3 z-10">
                         <MessageInput
                             avatar_url={props.avatar_url}
                             ws_url={props.ws_url}