enhance(client): make possible to close image dialog with click

Related #8023

CHANGELOG.md

@@ -13,6 +13,7 @@
 - API: /antennas/notes API で日付による絞り込みができるように
 - クライアント: アンケートに投票する際に確認ダイアログを出すように
 - クライアント: Renoteなノート詳細ページから元のノートページに遷移できるように
+- クライアント: 画像ポップアップでクリックで閉じられるように
 
 ### Bugfixes
 - クライアント: LTLやGTLが無効になっている場合でもUI上にタブが表示される問題を修正

packages/client/src/components/media-list.vue

@@ -53,7 +53,16 @@ export default defineComponent({
 				gallery: gallery.value,
 				children: '.image',
 				thumbSelector: '.image',
-				pswpModule: PhotoSwipe
+				loop: false,
+				padding: {
+					top: 32,
+					bottom: 32,
+					left: 32,
+					right: 32,
+				},
+				imageClickAction: 'close',
+				tapAction: 'toggle-controls',
+				pswpModule: PhotoSwipe,
 			});
 
 			lightbox.on('itemData', (e) => {