Make text input more flexible

This commit is contained in:
Sebastiaan de Schaetzen 2024-11-14 08:52:05 +01:00
parent 2816d46962
commit 4703b77dd4
2 changed files with 4 additions and 2 deletions

View File

@ -20,8 +20,10 @@ body {
.message-box {
margin: 64px 0 64px;
display: flex;
gap: 8px;
}
.message-input {
width: 100%;
flex-grow: 1;
}

View File

@ -25,7 +25,7 @@
</div>
<form class="message-box" id="message-box" ws-send hx-on::ws-before-send="this.reset();">
<input id="message-input" name="message" type="text" placeholder="Type a message">
<input class="message-input" name="message" type="text" placeholder="Type a message">
<input type="submit" value="Send">
</form>
</div>