GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-07-18 02:51:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

Enable hover open for horizontal nav submenus

Browse Source
This commit is contained in:
jxxghp
2026-06-27 21:44:48 +08:00
parent 8edbfa0b0e
commit 71c4f587d3
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/layouts/default/components/DefaultLayout.vue
View File

@@ -540,6 +540,9 @@ onMounted(async () => {
:model-value="openHorizontalNavGroup === group.title"
location="bottom start"
offset="8"
open-on-hover
:open-delay="0"
:close-delay="120"
:close-on-content-click="false"
@update:model-value="openHorizontalNavGroup = $event ? group.title : null"
>
@@ -569,7 +572,11 @@ onMounted(async () => {
:close-on-content-click="true"
>
<template #activator="{ props: subMenuProps }">
<VListItem v-bind="subMenuProps" :active="isHorizontalNavActive(item)">
<VListItem
v-bind="subMenuProps"
:active="isHorizontalNavActive(item)"
class="theme-horizontal-nav__submenu-activator"
>
<template #prepend>
<VIcon :icon="String(item.icon || '')" />
</template>
@@ -829,6 +836,10 @@ onMounted(async () => {
border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
}
.theme-horizontal-nav__submenu-activator {
cursor: pointer;
}
.theme-horizontal-nav__actions {
display: flex;
flex: 0 0 auto;