From 0921a67c1a366b666fd7c1c7207afb29783a552d Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Mon, 16 Dec 2024 23:12:35 +0900
Subject: [PATCH] =?UTF-8?q?v-panel=E3=81=AB=E7=BD=AE=E3=81=8D=E6=8F=9B?=
 =?UTF-8?q?=E3=81=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkDriveFileThumbnail.vue | 7 +------
 packages/frontend/src/components/MkNoteMediaGrid.vue      | 3 ---
 packages/frontend/src/pages/user/index.files.vue          | 2 +-
 3 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.vue b/packages/frontend/src/components/MkDriveFileThumbnail.vue
index 6c853162a9..8e2035fdc1 100644
--- a/packages/frontend/src/components/MkDriveFileThumbnail.vue
+++ b/packages/frontend/src/components/MkDriveFileThumbnail.vue
@@ -7,9 +7,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 <div
 	:class="[$style.root, {
 		[$style.sensitiveHighlight]: highlightWhenSensitive && file.isSensitive,
-		[$style.bgIsPanel]: bgIsPanel,
 		[$style.large]: large,
 	}]"
+	v-panel
 >
 	<ImgWithBlurhash
 		v-if="isThumbnailAvailable"
@@ -42,7 +42,6 @@ const props = defineProps<{
 	file: Misskey.entities.DriveFile;
 	fit: 'cover' | 'contain';
 	highlightWhenSensitive?: boolean;
-	bgIsPanel?: boolean;
 	forceBlurhash?: boolean;
 	large?: boolean;
 }>();
@@ -83,10 +82,6 @@ const isThumbnailAvailable = computed(() => {
 	background: var(--MI_THEME-panel);
 	border-radius: 8px;
 	overflow: clip;
-
-	&.bgIsPanel {
-		background: var(--MI_THEME-bg);
-	}
 }
 
 .sensitiveHighlight::after {
diff --git a/packages/frontend/src/components/MkNoteMediaGrid.vue b/packages/frontend/src/components/MkNoteMediaGrid.vue
index c81826eb4c..520421bfb7 100644
--- a/packages/frontend/src/components/MkNoteMediaGrid.vue
+++ b/packages/frontend/src/components/MkNoteMediaGrid.vue
@@ -16,7 +16,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 				:highlightWhenSensitive="defaultStore.state.highlightSensitiveMedia"
 				:forceBlurhash="true"
 				:large="true"
-				:bgIsPanel="bgIsPanel"
 				:class="$style.file"
 			/>
 			<div :class="$style.sensitive">
@@ -32,7 +31,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 				fit="cover"
 				:highlightWhenSensitive="defaultStore.state.highlightSensitiveMedia"
 				:large="true"
-				:bgIsPanel="bgIsPanel"
 				:class="$style.file"
 			/>
 		</MkA>
@@ -51,7 +49,6 @@ import MkDriveFileThumbnail from '@/components/MkDriveFileThumbnail.vue';
 defineProps<{
 	note: Misskey.entities.Note;
 	square?: boolean;
-	bgIsPanel?: boolean;
 }>();
 
 const showingFiles = ref<Set<string>>(new Set());
diff --git a/packages/frontend/src/pages/user/index.files.vue b/packages/frontend/src/pages/user/index.files.vue
index 9534de3fa2..b5e5f29ade 100644
--- a/packages/frontend/src/pages/user/index.files.vue
+++ b/packages/frontend/src/pages/user/index.files.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<div :class="$style.root">
 		<MkLoading v-if="fetching"/>
 		<div v-if="!fetching && notes.length > 0" :class="$style.stream">
-			<MkNoteMediaGrid v-for="note in notes" :note="note" bgIsPanel/>
+			<MkNoteMediaGrid v-for="note in notes" :note="note"/>
 		</div>
 		<p v-if="!fetching && notes.length == 0" :class="$style.empty">{{ i18n.ts.nothing }}</p>
 	</div>