mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-23 05:53:09 +02:00
upd: follow approval required indicator on popup
Closes transfem-org/Sharkey#49
This commit is contained in:
parent
bf3d493d04
commit
b899672313
1 changed files with 23 additions and 0 deletions
|
@ -15,6 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<div v-if="user != null">
|
||||
<div :class="$style.banner" :style="user.bannerUrl ? `background-image: url(${user.bannerUrl})` : ''">
|
||||
<span v-if="$i && $i.id != user.id && user.isFollowed" :class="$style.followed">{{ i18n.ts.followsYou }}</span>
|
||||
<span v-if="user.isLocked && $i && $i.id != user.id && !user.isFollowing" :title="i18n.ts.isLocked" :class="$style.locked"><i class="ph-lock ph-bold ph-lg"></i></span>
|
||||
</div>
|
||||
<svg viewBox="0 0 128 128" :class="$style.avatarBack">
|
||||
<g transform="matrix(1.6,0,0,1.6,-38.4,-51.2)">
|
||||
|
@ -148,6 +149,28 @@ onMounted(() => {
|
|||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.locked:first-child {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 12px;
|
||||
padding: 4px 8px;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
font-size: 0.7em;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.locked:not(:first-child) {
|
||||
position: absolute;
|
||||
top: 34px;
|
||||
left: 12px;
|
||||
padding: 4px 8px;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
font-size: 0.7em;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.avatarBack {
|
||||
width: 100px;
|
||||
position: absolute;
|
||||
|
|
Loading…
Reference in a new issue