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

Related #8023
This commit is contained in:
syuilo 2021-12-02 20:20:40 +09:00
parent f38b6a1806
commit bcd188a0e0
2 changed files with 11 additions and 1 deletions

View File

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

View File

@ -53,7 +53,16 @@ export default defineComponent({
gallery: gallery.value, gallery: gallery.value,
children: '.image', children: '.image',
thumbSelector: '.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) => { lightbox.on('itemData', (e) => {