OpenSource/misskey
OpenSource/misskey
1
0
Fork 0
mirror of https://github.com/misskey-dev/misskey.git synced 2025-01-05 23:36:00 +01:00
Code Issues Projects Releases Packages Wiki Activity

fix: ドロワーなどのOptionが当たらない問題を修正

Browse source
This commit is contained in:
kakkokari-gtyih 2024-10-21 23:23:57 +09:00
parent 4f5d58cea1
commit f722dddd75
1 changed files with 142 additions and 140 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/frontend/src/components/MkMenu.item.vue
View file

@ -3,7 +3,8 @@ SPDX-FileCopyrightText: syuilo and misskey-project
SPDX-License-Identifier: AGPL-3.0-only SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template :class="{ [$style.asDrawer]: asDrawer, [$style.big]: big, [$style.center]: center }"> <template>
<div :class="{ [$style.asDrawer]: asDrawer, [$style.big]: big, [$style.center]: center }">
<div v-if="item.type === 'divider'" role="separator" tabindex="-1" :class="$style.divider"></div> <div v-if="item.type === 'divider'" role="separator" tabindex="-1" :class="$style.divider"></div>
<span v-else-if="item.type === 'label'" role="menuitem" tabindex="-1" :class="[$style.label, $style.item]"> <span v-else-if="item.type === 'label'" role="menuitem" tabindex="-1" :class="[$style.label, $style.item]">
<span style="opacity: 0.7;">{{ item.text }}</span> <span style="opacity: 0.7;">{{ item.text }}</span>
@ -140,6 +141,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<span v-if="item.indicate" :class="$style.indicator" class="_blink"><i class="_indicatorCircle"></i></span> <span v-if="item.indicate" :class="$style.indicator" class="_blink"><i class="_indicatorCircle"></i></span>
</div> </div>
</button> </button>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -217,7 +219,7 @@ function onItemMouseLeave(ev: MouseEvent) {
} }
.asDrawer { .asDrawer {
&.item { > .item {
font-size: 1em; font-size: 1em;
padding: 12px 24px; padding: 12px 24px;
@ -232,7 +234,7 @@ function onItemMouseLeave(ev: MouseEvent) {
} }
} }
&.divider { > .divider {
margin: 12px 0; margin: 12px 0;
} }
} }