From 9492b1e49f72dd0c0254717e62587c25cccbaec9 Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Mon, 6 Jan 2025 22:53:04 +0900
Subject: [PATCH] =?UTF-8?q?enhance(frontend):=20=EB=85=B8=ED=8A=B8?=
 =?UTF-8?q?=EC=97=90=20=EC=97=AC=EB=9F=AC=20=EC=9E=A5=EC=9D=98=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=EA=B0=80=20=EC=9E=88=EC=9D=84=20=EB=95=8C=20?=
 =?UTF-8?q?=EB=AF=B8=EB=94=94=EC=96=B4=20=ED=83=AD=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=88=98=EB=A5=BC=20=EC=88=AB?=
 =?UTF-8?q?=EC=9E=90=EB=A1=9C=20=ED=91=9C=EC=8B=9C=ED=95=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG_CHERRYPICK.md                                     | 1 +
 .../frontend/src/pages/user/index.timeline.files.files.vue  | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md
index 7d601bbc5d..5bacf20469 100644
--- a/CHANGELOG_CHERRYPICK.md
+++ b/CHANGELOG_CHERRYPICK.md
@@ -34,6 +34,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2024xx](CHANGE
 
 ### Client
 - Enhance: 사용자 페이지에서 `이름`, `자기소개`, `팔로우 메시지`, `추가 정보`에 포함된 외부 이모지를 가져올 수 있음
+- Enhance: 노트에 여러 장의 이미지가 있을 때 미디어 탭에서 이미지 수를 숫자로 표시함
 - Fix: 노트 헤더의 사용자 이름을 클릭하면 페이지가 중복으로 이동됨
 - Fix: CherryPick 클라이언트 업데이트 알림이 잘못 반환될 수 있음
   - 출시 전 빌드 태그가 고려되지 않음(`alpha`, `beta`, `rc`)
diff --git a/packages/frontend/src/pages/user/index.timeline.files.files.vue b/packages/frontend/src/pages/user/index.timeline.files.files.vue
index 92aa526588..4585d38ced 100644
--- a/packages/frontend/src/pages/user/index.timeline.files.files.vue
+++ b/packages/frontend/src/pages/user/index.timeline.files.files.vue
@@ -28,6 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		/>
 	</MkA>
 	<div v-if="files.files.length > 1" :class="$style.multiple">
+		<span style="font-size: initial; text-align: center; margin-right: 0.25em;">{{ files.files.length }}</span>
 		<i class="ti ti-box-multiple"></i>
 	</div>
 </div>
@@ -147,13 +148,16 @@ html[data-color-scheme=light] .visible {
 }
 
 .multiple {
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	font-size: 1.45em;
 	color: #fff;
 	opacity: .9;
-	filter: drop-shadow(0 0 1.5px #606060);
+	filter: drop-shadow(0 0 1.5px #6060608a);
 }
 
 @container (max-width: 785px) {