From fa55fa5e44e98cd004430f3a06c30a323d8966c9 Mon Sep 17 00:00:00 2001
From: freeplay <freeplay@duck.com>
Date: Tue, 18 Jul 2023 14:07:16 -0400
Subject: [PATCH] fix: add back follows you tag

---
 packages/client/src/components/MkUserInfo.vue | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

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