Merge pull request #2 from phatdev12/main

Fix: Fixed overflow UI for scale displays
thedtvn · Sep 1, 2024 · ddaf19a · ddaf19a
2 parents f6e7b5f + 3cc51dd
commit ddaf19a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,9 @@
 # build output
 dist/
 
+# vscode
+.vscode/
+
 # generated types
 .astro/
 

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -76,22 +76,22 @@ import SendButton from "../components/send_btn.astro";
 		}
 
 		#chat_container {
-			height: fit-content
-			max-height: 100%;
+			height: fit-content;
+			max-height: calc(100% - 20px);
 			overflow-y: auto;
 			top: 50%;
 		}
 		#chat_box {
-			height: 80%;
-			max-height: 100%;
+			height: calc(90% - (75px + 10px));
+			max-height: 90%;
 			display: flex;
 			flex-direction: column;
 			justify-content: flex-end;
 		}
 		#main_chat_root {
 			height: 100%;
 			width: 100%;
-			gap: 25px;
+			gap: 10px;
 			display: flex;
 			flex-direction: column;
    		justify-content: space-between;