AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2024-06-03 17:37:14 +02:00
parent ef9f474400
commit 2fde24dccf
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/TextEditor.svelte
View File

@ -186,11 +186,11 @@ function handleInput(event) {
if($screenWidth >= 640) if($screenWidth >= 640)
{ {
textarea.style.height = 'auto'; textarea.style.height = 'auto';
textarea.style.height = Math.min(textarea.scrollHeight, 300) + 'px'; textarea.style.height = Math.min(textarea.scrollHeight, 10000) + 'px';
} }
else { else {
textarea.style.height = 'auto'; 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"> <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 <textarea
on:click={() => expandField = true} 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} placeholder={placeholder}
value={inputValue} value={inputValue}
bind:this={ref} bind:this={ref}

2
src/routes/+page.svelte
View File

@ -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--> <!--Left Col-->