fix: add back follows you tag

This commit is contained in:
freeplay 2023-07-18 14:07:16 -04:00
parent 31f1e86b49
commit fa55fa5e44
1 changed files with 22 additions and 5 deletions

View File

@ -6,7 +6,13 @@
user.bannerUrl ? `background-image: url(${user.bannerUrl})` : '' user.bannerUrl ? `background-image: url(${user.bannerUrl})` : ''
" "
:class="{ detailed }" :class="{ detailed }"
></div> >
<span
v-if="$i && $i.id != user.id && user.isFollowed"
class="followed"
>{{ i18n.ts.followsYou }}</span
>
</div>
<h3 class="title"> <h3 class="title">
<MkAvatar <MkAvatar
class="avatar" class="avatar"
@ -126,6 +132,16 @@ let collapsed = $ref(isLong);
transparent transparent
); );
} }
> .followed {
position: absolute;
top: 12px;
inset-inline-start: 12px;
padding: 4px 8px;
color: #fff;
background: rgba(0, 0, 0, 0.7);
font-size: 0.7em;
border-radius: 6px;
}
&.detailed::after { &.detailed::after {
content: ""; content: "";
background-image: var(--blur, inherit); background-image: var(--blur, inherit);
@ -143,7 +159,8 @@ let collapsed = $ref(isLong);
.title { .title {
position: relative; position: relative;
display: block; display: block;
padding: 10px 10px 10px 84px; padding: 10px;
padding-inline-start: 84px;
margin: 0; margin: 0;
font-size: 1em; font-size: 1em;
border-radius: var(--radius); border-radius: var(--radius);
@ -155,7 +172,7 @@ let collapsed = $ref(isLong);
display: block; display: block;
position: absolute; position: absolute;
bottom: 6px; bottom: 6px;
left: 10px; inset-inline-start: 10px;
z-index: 2; z-index: 2;
width: 58px; width: 58px;
height: 58px; height: 58px;
@ -271,7 +288,7 @@ let collapsed = $ref(isLong);
text-overflow: ellipsis; text-overflow: ellipsis;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
padding-right: 10px; padding-inline-end: 10px;
} }
> .value { > .value {
@ -299,7 +316,7 @@ let collapsed = $ref(isLong);
.buttons { .buttons {
position: absolute; position: absolute;
top: 8px; top: 8px;
right: 8px; inset-inline-end: 8px;
margin-bottom: 1rem; margin-bottom: 1rem;
z-index: 3; z-index: 3;
color: white; color: white;