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

Fix content display

Browse Source
This commit is contained in:
Noah 2023-09-30 15:52:26 -07:00
parent dec0f63eca
commit b363bd3cab
1 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/MessageBox.vue
View File

@ -360,36 +360,38 @@ export default {
</div> </div>
<!-- Name/username/message --> <!-- Name/username/message -->
<div class="column px-1 content"> <div class="column px-1">
<strong <div class="content">
:class="{ <strong
'has-text-success is-dark': message.isChatServer, :class="{
'has-text-warning is-dark': message.isAdmin, 'has-text-success is-dark': message.isChatServer,
'has-text-danger': message.isChatClient 'has-text-warning is-dark': message.isAdmin,
}"> 'has-text-danger': message.isChatClient
[<a :href="profileURL" }">
@click.prevent="openProfile()" [<a :href="profileURL"
class="has-text-dark" @click.prevent="openProfile()"
:class="{ 'cursor-default': !profileURL }"> class="has-text-dark"
<!-- Display name? --> :class="{ 'cursor-default': !profileURL }">
<span v-if="(message.isChatServer || message.isChatClient || message.isAdmin) <!-- Display name? -->
|| (appearance === 'compact' && nickname !== message.username)" <span v-if="(message.isChatServer || message.isChatClient || message.isAdmin)
:class="{ || (appearance === 'compact' && nickname !== message.username)"
'has-text-success is-dark': message.isChatServer, :class="{
'has-text-warning is-dark': message.isAdmin, 'has-text-success is-dark': message.isChatServer,
'has-text-danger': message.isChatClient 'has-text-warning is-dark': message.isAdmin,
}"> 'has-text-danger': message.isChatClient
{{ nickname }} }">
</span> {{ nickname }}
</span>
<small class="has-text-grey" <small class="has-text-grey"
:class="{'ml-1': appearance === 'compact' && nickname !== message.username}" :class="{'ml-1': appearance === 'compact' && nickname !== message.username}"
v-if="!(message.isChatServer || message.isChatClient || message.isAdmin)" v-if="!(message.isChatServer || message.isChatClient || message.isAdmin)"
>@{{ message.username }}</small> >@{{ message.username }}</small>
</a>] </a>]
</strong> </strong>
<span v-html="compactMessage"></span> <span v-html="compactMessage"></span>
</div>
<!-- Reactions so far? --> <!-- Reactions so far? -->
<div v-if="hasReactions" class="my-1"> <div v-if="hasReactions" class="my-1">