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

This commit is contained in:
kakkokari-gtyih 2024-10-21 23:23:57 +09:00
parent 4f5d58cea1
commit f722dddd75

View file

@ -3,7 +3,8 @@ SPDX-FileCopyrightText: syuilo and misskey-project
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>
<span v-else-if="item.type === 'label'" role="menuitem" tabindex="-1" :class="[$style.label, $style.item]">
<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>
</div>
</button>
</div>
</template>
<script setup lang="ts">
@ -217,7 +219,7 @@ function onItemMouseLeave(ev: MouseEvent) {
}
.asDrawer {
&.item {
> .item {
font-size: 1em;
padding: 12px 24px;
@ -232,7 +234,7 @@ function onItemMouseLeave(ev: MouseEvent) {
}
}
&.divider {
> .divider {
margin: 12px 0;
}
}