From f4ebae395693762fe1dd7fb54e6d17a1ffd5c1ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=BE=E3=81=A3=E3=81=A1=E3=82=83=E3=81=A6=E3=81=83?=
 =?UTF-8?q?=E3=83=BC=E3=80=82?=
 <56515516+mattyatea@users.noreply.github.com>
Date: Thu, 21 Nov 2024 22:06:14 +0900
Subject: [PATCH] =?UTF-8?q?enhance(Gallery):=20=E3=82=B5=E3=83=A0=E3=83=8D?=
 =?UTF-8?q?=E3=82=A4=E3=83=AB=E3=82=92=E3=83=9B=E3=83=90=E3=83=BC=E3=81=97?=
 =?UTF-8?q?=E3=81=A6=E3=82=82=E3=81=BC=E3=81=8B=E3=81=97=E3=81=8C=E5=A4=96?=
 =?UTF-8?q?=E3=82=8C=E3=81=AA=E3=81=84=E3=82=88=E3=81=86=E3=81=AB=20&=20?=
 =?UTF-8?q?=E3=82=AE=E3=83=A3=E3=83=A9=E3=83=AA=E3=83=BC=E3=81=AE=E8=AA=AC?=
 =?UTF-8?q?=E6=98=8E=E3=82=92=E4=B8=80=E7=95=AA=E4=B8=8A=E3=81=AB=E8=A1=A8?=
 =?UTF-8?q?=E7=A4=BA=E3=81=99=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=20(Missk?=
 =?UTF-8?q?eyIO#820)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/MkGalleryPostPreview.vue         | 13 ++-----------
 packages/frontend/src/pages/gallery/post.vue        | 10 +++++-----
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/packages/frontend/src/components/MkGalleryPostPreview.vue b/packages/frontend/src/components/MkGalleryPostPreview.vue
index 47cccd9b7..d6d4a7875 100644
--- a/packages/frontend/src/components/MkGalleryPostPreview.vue
+++ b/packages/frontend/src/components/MkGalleryPostPreview.vue
@@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<MkA :to="`/gallery/${post.id}`" class="ttasepnz _panel" tabindex="-1" @pointerenter="enterHover" @pointerleave="leaveHover">
+<MkA :to="`/gallery/${post.id}`" class="ttasepnz _panel" tabindex="-1">
 	<div class="thumbnail">
 		<Transition>
 			<ImgWithBlurhash
@@ -41,17 +41,8 @@ const props = defineProps<{
 	post: Misskey.entities.GalleryPost;
 }>();
 
-const hover = ref(false);
 const safe = computed(() => defaultStore.state.nsfw === 'ignore' || defaultStore.state.nsfw === 'respect' && !props.post.isSensitive);
-const show = computed(() => safe.value || hover.value);
-
-function enterHover(): void {
-	hover.value = true;
-}
-
-function leaveHover(): void {
-	hover.value = false;
-}
+const show = computed(() => safe.value);
 </script>
 
 <style lang="scss" module>
diff --git a/packages/frontend/src/pages/gallery/post.vue b/packages/frontend/src/pages/gallery/post.vue
index c4a79242b..c54e05eb1 100644
--- a/packages/frontend/src/pages/gallery/post.vue
+++ b/packages/frontend/src/pages/gallery/post.vue
@@ -10,14 +10,14 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<div class="_root">
 			<Transition :name="defaultStore.state.animation ? 'fade' : ''" mode="out-in">
 				<div v-if="post" class="rkxwuolj">
-					<div class="files">
-						<div v-for="file in post.files" :key="file.id" class="file">
-							<img :src="file.url"/>
-						</div>
-					</div>
 					<div class="body">
 						<div class="title">{{ post.title }}</div>
 						<div class="description"><Mfm :text="post.description"/></div>
+						<div class="files">
+							<div v-for="file in post.files" :key="file.id" class="file">
+								<img :src="file.url"/>
+							</div>
+						</div>
 						<div class="info">
 							<i class="ti ti-clock"></i> <MkTime :time="post.createdAt" mode="detail"/>
 						</div>