Add display name to quote header
This commit is contained in:
parent
b4c2ab260e
commit
10d6fd3ebf
1 changed files with 11 additions and 1 deletions
|
@ -73,6 +73,9 @@
|
||||||
>
|
>
|
||||||
<div class="quote-header">
|
<div class="quote-header">
|
||||||
<avatar :profile="post.quote.account"></avatar>
|
<avatar :profile="post.quote.account"></avatar>
|
||||||
|
<span class="display-name">
|
||||||
|
{{ (new ProfileWrapper(post.quote.account)).getDisplayName() }}
|
||||||
|
</span>
|
||||||
<span class="actor-address">
|
<span class="actor-address">
|
||||||
@{{ getActorAddress(post.quote.account) }}
|
@{{ getActorAddress(post.quote.account) }}
|
||||||
</span>
|
</span>
|
||||||
|
@ -632,10 +635,17 @@ async function onMintToken() {
|
||||||
width: $icon-size;
|
width: $icon-size;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.display-name {
|
||||||
|
color: $text-color;
|
||||||
|
font-weight: bold;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.actor-address {
|
.actor-address {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
user-select: all;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue