Make text input more flexible
This commit is contained in:
parent
2816d46962
commit
4703b77dd4
@ -20,8 +20,10 @@ body {
|
|||||||
|
|
||||||
.message-box {
|
.message-box {
|
||||||
margin: 64px 0 64px;
|
margin: 64px 0 64px;
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-input {
|
.message-input {
|
||||||
width: 100%;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
@ -25,7 +25,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form class="message-box" id="message-box" ws-send hx-on::ws-before-send="this.reset();">
|
<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">
|
<input type="submit" value="Send">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user