diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2024-09-25 07:55:24 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2024-09-25 07:55:24 +0900 |
| commit | 9d3a33128629b40059df557759f4c653da4bdb91 (patch) | |
| tree | 2b702919870e246924bb693a78206a8de714b345 /packages/frontend/src/components/MkMenu.vue | |
| parent | :art: (diff) | |
| download | misskey-9d3a33128629b40059df557759f4c653da4bdb91.tar.gz misskey-9d3a33128629b40059df557759f4c653da4bdb91.tar.bz2 misskey-9d3a33128629b40059df557759f4c653da4bdb91.zip | |
:art:
Diffstat (limited to 'packages/frontend/src/components/MkMenu.vue')
| -rw-r--r-- | packages/frontend/src/components/MkMenu.vue | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkMenu.vue b/packages/frontend/src/components/MkMenu.vue index c0728d56fa..52cbc5152e 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<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%; |