From 2fde24dccf9b856bc420db35dd7e58742cd21c4a Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 3 Jun 2024 17:37:14 +0200
Subject: [PATCH] ui fixes

---
 src/lib/components/TextEditor.svelte | 8 ++++----
 src/routes/+page.svelte              | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/TextEditor.svelte b/src/lib/components/TextEditor.svelte
index 0526853b..60139dbd 100644
--- a/src/lib/components/TextEditor.svelte
+++ b/src/lib/components/TextEditor.svelte
@@ -186,11 +186,11 @@ function handleInput(event) {
     if($screenWidth >= 640)
     {
       textarea.style.height = 'auto';
-      textarea.style.height = Math.min(textarea.scrollHeight, 300) + 'px';
+      textarea.style.height = Math.min(textarea.scrollHeight, 10000) + 'px';
     }
     else {
       textarea.style.height = 'auto';
-      textarea.style.height = Math.min(textarea.scrollHeight, 60) + 'px';
+      textarea.style.height = Math.min(textarea.scrollHeight, 10000) + 'px';
     }
   }
 
@@ -229,10 +229,10 @@ function handleImageInput(event) {
   
 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
 
-<div class="p-2 w-full max-w-xl mr-auto {commentId?.length !== 0 ? '-ml-2' : ''} ">
+<div class="p-2 w-full max-w-xl mr-auto {commentId?.length !== 0 ? '-ml-2' : ''}">
   <textarea
     on:click={() => expandField = true}
-    class="rounded-lg {expandField ? 'min-h-28 h-auto border-[#1C4090]' : 'h-12  border-gray-500'} sm:hover:border-[#1C4090] sm:hover:ring-1 transition sm:ease-out placeholder-gray-500 w-full bg-[#202020] text-white border border-1 ring-2 sm:ring-0 ring-[#1C4090]"
+    class="rounded-lg {expandField ? 'min-h-28 h-full border-[#1C4090]' : 'h-12  border-gray-500'} overflow-hidden sm:hover:border-[#1C4090] sm:hover:ring-1 transition sm:ease-out placeholder-gray-500 w-full bg-[#202020] text-white border border-1 ring-2 sm:ring-0 ring-[#1C4090]"
     placeholder={placeholder}
     value={inputValue}
     bind:this={ref}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c5bc5e92..55b13b56 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -120,7 +120,7 @@ onMount( async() => {
 
 
 
-  <div class=" m-auto flex flex-wrap flex-col justify-center items-center md:flex-row px-5">
+  <div class=" m-auto flex flex-wrap flex-col justify-center items-center md:flex-row sm:px-5">
     <!--Left Col-->