From cd129c7515a4da9e9778797458edfc4dad68f29e Mon Sep 17 00:00:00 2001
From: dwarf <dwarf@bcome.nl>
Date: Sun, 30 Oct 2022 09:26:25 +0000
Subject: [PATCH] client: Add "follows you" pill to user profile popup

Changelog: Added
Reviewed-on: https://akkoma.dev/FoundKeyGang/FoundKey/pulls/217
---
 .../client/src/components/MkUserPreview.vue   | 24 +------------------
 1 file changed, 1 insertion(+), 23 deletions(-)

diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue
index 2e33b88af..766fd760e 100644
--- a/packages/client/src/components/MkUserPreview.vue
+++ b/packages/client/src/components/MkUserPreview.vue
@@ -3,7 +3,7 @@
 	<div v-if="showing" class="fxxzrfni _popup _shadow" :style="{ zIndex, top: top + 'px', left: left + 'px' }" @mouseover="() => { emit('mouseover'); }" @mouseleave="() => { emit('mouseleave'); }">
 		<div v-if="user != null" class="info">
 			<div class="banner" :style="user.bannerUrl ? `background-image: url(${user.bannerUrl})` : ''">
-				<span v-if="$i && $i.id != user.id && user.isFollowed" class="followed">{{ $ts.followsYou }}</span>
+				<span v-if="$i && $i.id != user.id && user.isFollowed" class="followed">{{ i18n.ts.followsYou }}</span>
 			</div>
 			<MkAvatar class="avatar" :user="user" :disable-preview="true" :show-indicator="true"/>
 			<div class="title">
@@ -102,28 +102,6 @@ onMounted(() => {
 			background-color: rgba(0, 0, 0, 0.1);
 			background-size: cover;
 			background-position: center;
-			> .followed {
-					position: absolute;
-					top: 12px;
-					left: 12px;
-					padding: 4px 8px;
-					color: #fff;
-					background: rgba(0, 0, 0, 0.7);
-					font-size: 0.7em;
-					border-radius: 6px;
-			}
-
-			&::after {
-				content: "";
-				background-image: var(--blur, inherit);
-				position: fixed;
-				inset: 0;
-				background-size: cover;
-				background-position: center;
-				pointer-events: none;
-				opacity: .1;
-				filter: var(--blur, blur(10px));
-			}
 		}
 
 		> .avatar {