use rich content in interaction lists

This commit is contained in:
Henry Jameson 2022-02-19 22:12:37 +02:00
parent ee86f56469
commit a61f6e1590

View File

@ -22,7 +22,12 @@
/> />
<div class="user-list-names"> <div class="user-list-names">
<!-- eslint-disable vue/no-v-html --> <!-- eslint-disable vue/no-v-html -->
<span v-html="user.name_html" /> <RichContent
class="username"
:title="'@'+user.screen_name_ui"
:html="user.name_html"
:emoji="user.emoji"
/>
<!-- eslint-enable vue/no-v-html --> <!-- eslint-enable vue/no-v-html -->
<span class="user-list-screen-name">{{ user.screen_name_ui }}</span> <span class="user-list-screen-name">{{ user.screen_name_ui }}</span>
</div> </div>
@ -47,6 +52,7 @@
.user-list-popover { .user-list-popover {
padding: 0.5em; padding: 0.5em;
--emoji-size: 16px;
.user-list-row { .user-list-row {
padding: 0.25em; padding: 0.25em;