diff --git a/packages/client/src/components/media-list.vue b/packages/client/src/components/media-list.vue index 344ad8784..79fe36b54 100644 --- a/packages/client/src/components/media-list.vue +++ b/packages/client/src/components/media-list.vue @@ -60,11 +60,16 @@ export default defineComponent({ children: '.image', thumbSelector: '.image', loop: false, - padding: { + padding: window.innerWidth > 500 ? { top: 32, bottom: 32, left: 32, right: 32, + } : { + top: 0, + bottom: 0, + left: 0, + right: 0, }, imageClickAction: 'close', tapAction: 'toggle-controls', diff --git a/packages/client/src/components/ui/menu.vue b/packages/client/src/components/ui/menu.vue index 6ca5e3255..687ce5e54 100644 --- a/packages/client/src/components/ui/menu.vue +++ b/packages/client/src/components/ui/menu.vue @@ -153,6 +153,7 @@ export default defineComponent({ box-sizing: border-box; min-width: 200px; overflow: auto; + overscroll-behavior: contain; &.center { > .item {