apps/BareRTC
1
0
Fork 0
Code Issues 14 Pull Requests Packages Projects Releases Wiki Activity

UX improvement for send message button

Browse Source
This commit is contained in:
Noah 2023-08-16 22:26:02 -07:00
parent 89f3937da8
commit 74aa9527cc
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/templates/chat.html
View File

@ -1117,20 +1117,27 @@
<div class="card-content p-2">
<div class="columns is-mobile">
<div class="column"
:class="{'pr-1': canUploadFile}">
<div class="column pr-1 is-narrow" v-if="canUploadFile">
<button type="button" class="button"
@click="uploadFile()">
<i class="fa fa-image"></i>
</button>
</div>
<div class="column pr-1"
:class="{'pl-1': canUploadFile}">
<form @submit.prevent="sendMessage()">
<input type="text" class="input"
v-model="message"
placeholder="Message"
placeholder="Write a message"
@keydown="sendTypingNotification()"
:disabled="!ws.connected">
</form>
</div>
<div class="column pl-1 is-narrow" v-if="canUploadFile">
<div class="column pl-1 is-narrow">
<button type="button" class="button"
@click="uploadFile()">
<i class="fa fa-image"></i>
:disabled="message.length === 0"
@click="sendMessage()">
<i class="fa fa-paper-plane"></i>
</button>
</div>
</div>