From 7891d330d80b08540d018650b53875a553232f34 Mon Sep 17 00:00:00 2001
From: fosly <tuphat3456tt@gmail.com>
Date: Fri, 30 Aug 2024 18:20:33 +0700
Subject: [PATCH 1/2] fix: overflow UI

---
 .vscode/settings.json        | 11 ++++++++++
 src/components/ai_ball.astro |  1 +
 src/pages/index.astro        | 39 ++++++++++++++++++++++++++++--------
 3 files changed, 43 insertions(+), 8 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..39f6105
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,11 @@
+{
+  "workbench.colorCustomizations": {
+    "[One Dark Pro Mix]": {
+      "activityBar.activeBackground": "#393E46",
+      "activityBar.activeBorder": "#E7F6F2",
+      "activityBar.background": "#222831"
+    },
+    "minimap.background": "#00000000",
+    "scrollbar.shadow": "#00000000"
+  }
+}
\ No newline at end of file
diff --git a/src/components/ai_ball.astro b/src/components/ai_ball.astro
index c28ae61..b44b5c6 100644
--- a/src/components/ai_ball.astro
+++ b/src/components/ai_ball.astro
@@ -14,6 +14,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
+        padding: 40px 0px 0;
     }
 
     #inner_div,
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 52f89ef..f7aac72 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -12,11 +12,16 @@ import SendButton from "../components/send_btn.astro";
 	/>
 	<div id="main_chat_root">
 		<AiBall />
-		<div id="main_chat"></div>
-	</div>
-	<div id="input_root">
-		<ResizeInput />
-		<SendButton />
+		<div id="chat_box">
+			<div id="chat_container">
+				<div id="main_chat"></div>
+			</div>
+		</div>
+		<div id="input_root">
+			<ResizeInput />
+			<SendButton />
+		</div>
+
 	</div>
 	<script>
 		import "../components/chat_mess";
@@ -24,6 +29,7 @@ import SendButton from "../components/send_btn.astro";
 			send.disabled = true;
 			let bot = document.createElement("chat-message");
 			main_chat.appendChild(bot);
+			
 			let text = "Hello, I am the bot. How can I help you?";
 			let out = "";
 			for (let i of text) {
@@ -32,6 +38,8 @@ import SendButton from "../components/send_btn.astro";
 				await new Promise(r => setTimeout(r, 10));
 			}
 			send.disabled = false;
+
+			chat_container.scrollTop = chat_container.scrollHeight;
 		})
 		
 	</script>
@@ -49,10 +57,10 @@ import SendButton from "../components/send_btn.astro";
 	</style>
 	<style>
 		#main_chat {
+			bottom:  0%;
 			margin: 10px;
 			margin-top: 20px;
 			max-width: 100%;
-			height: 93%;
 			overflow-x: hidden;
 			display: flex;
 			flex-direction: column;
@@ -67,11 +75,26 @@ import SendButton from "../components/send_btn.astro";
 			align-items: center;
 		}
 
+		#chat_container {
+			height: fit-content
+			max-height: 100%;
+			overflow-y: auto;
+			top: 50%;
+		}
+		#chat_box {
+			height: 80%;
+			max-height: 100%;
+			display: flex;
+			flex-direction: column;
+			justify-content: flex-end;
+		}
 		#main_chat_root {
 			height: 100%;
 			width: 100%;
-			margin-top: 50px;
-
+			gap: 25px;
+			display: flex;
+			flex-direction: column;
+   		justify-content: space-between;
 		}
 	</style>
 </Layout>

From ce342c77696198ee8b036e0df6e99bd2908bbc59 Mon Sep 17 00:00:00 2001
From: fosly <tuphat3456tt@gmail.com>
Date: Fri, 30 Aug 2024 18:21:58 +0700
Subject: [PATCH 2/2] feat: delete .vscode folder

---
 .vscode/settings.json | 11 -----------
 1 file changed, 11 deletions(-)
 delete mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 39f6105..0000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "workbench.colorCustomizations": {
-    "[One Dark Pro Mix]": {
-      "activityBar.activeBackground": "#393E46",
-      "activityBar.activeBorder": "#E7F6F2",
-      "activityBar.background": "#222831"
-    },
-    "minimap.background": "#00000000",
-    "scrollbar.shadow": "#00000000"
-  }
-}
\ No newline at end of file