From bcd188a0e0dab73a88baf97863a342f772c69007 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Thu, 2 Dec 2021 20:20:40 +0900
Subject: enhance(client): make possible to close image dialog with click

Related #8023
---
 packages/client/src/components/media-list.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'packages/client/src/components')

diff --git a/packages/client/src/components/media-list.vue b/packages/client/src/components/media-list.vue
index 4eef95af54..38f0f70662 100644
--- 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) => {
-- 
cgit v1.2.3-freya