diff --git a/packages/frontend/src/components/MkMenu.vue b/packages/frontend/src/components/MkMenu.vue index c0728d56f..52cbc5152 100644 --- a/packages/frontend/src/components/MkMenu.vue +++ b/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('isNestingMenu', false); const itemsEl = shallowRef(); @@ -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%;