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

Related #8023
2021-12-02 20:20:40 +09:00 · 2021-12-02 20:20:40 +09:00 · bcd188a0e0
commit bcd188a0e0
parent f38b6a1806
2 changed files with 11 additions and 1 deletions
--- a/packages/client/src/components/media-list.vue
+++ b/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) => {