From 902bed4db32c0e5c966891810e418d9f9086aa37 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 3 Dec 2021 12:00:11 +0900
Subject: [PATCH] client: tweak ui

---
 packages/client/src/components/media-list.vue | 7 ++++++-
 packages/client/src/components/ui/menu.vue    | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/media-list.vue b/packages/client/src/components/media-list.vue
index 344ad8784e..79fe36b540 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 6ca5e32555..687ce5e548 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 {