From f2db2ea5af7400168018442499005909825c30de Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Wed, 9 Nov 2022 14:11:22 -0800
Subject: [PATCH] fix style

---
 .../client/src/components/MkUserPreview.vue   | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue
index 7c411be0e..1cbfe4a21 100644
--- a/packages/client/src/components/MkUserPreview.vue
+++ b/packages/client/src/components/MkUserPreview.vue
@@ -104,6 +104,28 @@ 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 {