From 8ba57763a6ede9a227f512a63620f5b6e2e562ff Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Wed, 21 Jun 2023 02:42:43 +0900
Subject: [PATCH] =?UTF-8?q?enhance(client):=20=E3=83=A6=E3=83=BC=E3=82=B6?=
 =?UTF-8?q?=E3=83=BC=E3=83=9D=E3=83=83=E3=83=97=E3=82=A2=E3=83=83=E3=83=97?=
 =?UTF-8?q?=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3=E3=81=AE=E6=94=B9=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG_CHERRYPICK.md                          |  1 +
 packages/frontend/src/components/MkUserPopup.vue | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md
index f890e873bc..eb04fbe487 100644
--- a/CHANGELOG_CHERRYPICK.md
+++ b/CHANGELOG_CHERRYPICK.md
@@ -28,6 +28,7 @@
 
 ### Client
 - 리노트 전 확인 팝업을 띄움
+- 유저 팝업 디자인 개선
 - Fix: 그룹 초대 알림 아이콘이 잘못 표시되는 문제
 - Fix: 노트 디자인이 올바르지 않게 표시되는 문제
 - Fix: 프로필 아이콘이 투명일 때 노트 답글선이 비치는 문제
diff --git a/packages/frontend/src/components/MkUserPopup.vue b/packages/frontend/src/components/MkUserPopup.vue
index 681c255d6b..5738999942 100644
--- a/packages/frontend/src/components/MkUserPopup.vue
+++ b/packages/frontend/src/components/MkUserPopup.vue
@@ -145,6 +145,19 @@ onMounted(() => {
 	background-color: rgba(0, 0, 0, 0.1);
 	background-size: cover;
 	background-position: center;
+
+	&::after {
+		content: "";
+		background-image: var(--blur, inherit);
+		position: fixed;
+		inset: 0;
+		background-size: cover;
+		background-position: center;
+		pointer-events: none;
+		opacity: 0.1;
+		filter: var(--blur, blur(10px));
+	}
+
 }
 
 .followed {