ui fixes
This commit is contained in:
parent
ef9f474400
commit
2fde24dccf
@ -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';
|
||||
}
|
||||
}
|
||||
|
||||
@ -232,7 +232,7 @@ function handleImageInput(event) {
|
||||
<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}
|
||||
|
||||
@ -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-->
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user