popover controls for user-card

This commit is contained in:
Henry Jameson 2022-06-16 17:06:16 +03:00
commit 60571685c2
4 changed files with 81 additions and 24 deletions

View file

@ -8,7 +8,7 @@
:style="style"
class="background-image"
/>
<div class="panel-heading -flexible-height">
<div :class="onClose ? '' : panel-heading -flexible-height">
<div class="user-info">
<div class="container">
<a
@ -38,12 +38,16 @@
</router-link>
<div class="user-summary">
<div class="top-line">
<RichContent
:title="user.name"
<router-link
:to="userProfileLink(user)"
class="user-name"
:html="user.name"
:emoji="user.emoji"
/>
>
<RichContent
:title="user.name"
:html="user.name"
:emoji="user.emoji"
/>
</router-link>
<button
v-if="!isOtherUser && user.is_local"
class="button-unstyled edit-profile-button"
@ -72,6 +76,27 @@
:user="user"
:relationship="relationship"
/>
<router-link
v-if="onClose"
:to="userProfileLink(user)"
class="button-unstyled external-link-button"
@click="onClose"
>
<FAIcon
class="icon"
icon="expand-alt"
/>
</router-link>
<button
v-if="onClose"
class="button-unstyled external-link-button"
@click="onClose"
>
<FAIcon
class="icon"
icon="times"
/>
</button>
</div>
<div class="bottom-line">
<router-link