Padding fix for message UI
This commit is contained in:
parent
219413ae6d
commit
d6860160f4
|
@ -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}`;
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user