mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-10-30 06:41:46 +09:00
Code

🎨

Browse Source
This commit is contained in:
syuilo 2024-09-25 07:55:24 +09:00
parent 1679a40c76
commit 9d3a331286
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/frontend/src/components/MkMenu.vue
View File

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