enhance(Gallery): サムネイルをホバーしてもぼかしが外れないように & ギャラリーの説明を一番上に表示するように (#820)

MisskeyIO · Nov 21, 2024 · f4ebae3 · f4ebae3
1 parent 1bad669
commit f4ebae3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 16 deletions.
diff --git 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
@@ -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>