Padding fix for message UI

This commit is contained in:
Noah 2023-04-18 22:34:45 -07:00
parent 219413ae6d
commit d6860160f4
2 changed files with 4 additions and 6 deletions

View File

@ -1285,11 +1285,10 @@ const app = Vue.createApp({
prettyDate(date) { prettyDate(date) {
let hours = date.getHours(), let hours = date.getHours(),
minutes = String(date.getMinutes()).padStart(2, '0'), minutes = String(date.getMinutes()).padStart(2, '0'),
seconds = String(date.getSeconds()).padStart(2, '0'),
ampm = hours >= 11 ? "pm" : "am"; ampm = hours >= 11 ? "pm" : "am";
let hour = hours%12 || 12; let hour = hours%12 || 12;
return `${(hour)}:${minutes}:${seconds} ${ampm}`; return `${(hour)}:${minutes} ${ampm}`;
}, },
/** /**

View File

@ -718,6 +718,9 @@
[[nicknameForUsername(msg.username)]] [[nicknameForUsername(msg.username)]]
</label> </label>
</div> </div>
<div class="column has-text-right pb-0">
<small class="has-text-grey is-size-7" :title="msg.at">[[prettyDate(msg.at)]]</small>
</div>
</div> </div>
<!-- User @username below it which may link to a profile URL if JWT --> <!-- User @username below it which may link to a profile URL if JWT -->
@ -780,10 +783,6 @@
<div v-else v-html="msg.message"></div> <div v-else v-html="msg.message"></div>
</div> </div>
<div class="has-text-right">
<small class="has-text-grey is-size-7" :title="msg.at">[[prettyDate(msg.at)]]</small>
</div>
</div> </div>
</div> </div>