Use input instead of textarea

This commit is contained in:
nexy7574 2025-04-08 19:01:39 +01:00
parent 17e2b91230
commit 542c2586f1
No known key found for this signature in database
2 changed files with 16 additions and 3 deletions

View file

@ -76,4 +76,16 @@ div.room-view.preview > div.preview-inner {
}
}
}
> .knock-input {
width: 100%;
display: flex;
flex: 1;
> input {
padding: 0.25rem;
margin: 0;
outline: none;
border-radius: .25rem;
border: 1px solid var(--border-color);
}
}
}

View file

@ -181,10 +181,11 @@ const RoomPreview = ({ roomID, via, alias, invite }: RoomPreviewProps) => {
</details>}
{invite?.invited_by && <MutualRooms client={client} userID={invite.invited_by}/>}
{requiresKnock && <div className="knock-input">
<textarea
<input
onChange={event => setKnockRequest(event.currentTarget.value)}
placeholder="Why do you want to join this room?">
</textarea>
placeholder="Why do you want to join this room?"
value={knockRequest ?? ""}
/>
</div>}
<div className="buttons">
{invite && <button