fix messageinput inconsistencies

This commit is contained in:
hippoz 2022-08-03 04:49:03 +03:00
parent 954c5bd540
commit 8277c0901f
No known key found for this signature in database
GPG key ID: 7C52899193467641

View file

@ -65,7 +65,6 @@
} }
.message-input { .message-input {
height: 3em;
width: 100%; width: 100%;
background-color : var(--background-color-2); background-color : var(--background-color-2);
border: none; border: none;
@ -74,6 +73,7 @@
padding: var(--space-sm); padding: var(--space-sm);
font-size: inherit; font-size: inherit;
line-height: inherit; line-height: inherit;
resize: none;
} }
.message-input::placeholder { .message-input::placeholder {
@ -87,9 +87,10 @@
<div class="message-input-container"> <div class="message-input-container">
<textarea <textarea
placeholder={`Send something interesting to #${channel.name}`} placeholder={$smallViewport ? `Message #${channel.name}` : `Send something interesting to #${channel.name}`}
type="text" type="text"
class="message-input" class="message-input"
rows="1"
on:keydown={ onKeydown } on:keydown={ onKeydown }
bind:value={ messageInput } bind:value={ messageInput }
/> />