🎨

packages/frontend/src/components/MkMenu.vue

@@ -13,6 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		:class="{
 			[$style.root]: true,
 			[$style.center]: align === 'center',
+			[$style.big]: big,
 			[$style.asDrawer]: asDrawer,
 		}"
 		:style="{
@@ -200,6 +201,8 @@ const emit = defineEmits<{
 	(ev: 'hide'): void;
 }>();
 
+const big = isTouchUsing;
+
 const isNestingMenu = inject<boolean>('isNestingMenu', false);
 
 const itemsEl = shallowRef<HTMLElement>();
@@ -435,6 +438,14 @@ onBeforeUnmount(() => {
 		}
 	}
 
+	&.big {
+		> .item {
+			padding: 6px 20px;
+			font-size: 1em;
+			line-height: 24px;
+		}
+	}
+
 	&.asDrawer {
 		padding: 12px 0 max(env(safe-area-inset-bottom, 0px), 12px) 0;
 		width: 100%;