GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-07 08:46:40 +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
src/layouts/default/components/DefaultLayout.vue
+12 -1
View File
@@ -540,6 +540,9 @@ onMounted(async () => {
:model-value="openHorizontalNavGroup === group.title" :model-value="openHorizontalNavGroup === group.title"
location="bottom start" location="bottom start"
offset="8" offset="8"
open-on-hover
:open-delay="0"
:close-delay="120"
:close-on-content-click="false" :close-on-content-click="false"
@update:model-value="openHorizontalNavGroup = $event ? group.title : null" @update:model-value="openHorizontalNavGroup = $event ? group.title : null"
> >
@@ -569,7 +572,11 @@ onMounted(async () => {
:close-on-content-click="true" :close-on-content-click="true"
> >
<template #activator="{ props: subMenuProps }"> <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> <template #prepend>
<VIcon :icon="String(item.icon || '')" /> <VIcon :icon="String(item.icon || '')" />
</template> </template>
@@ -829,6 +836,10 @@ onMounted(async () => {
border: 1px solid rgba(var(--v-theme-on-surface), 0.08); border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
} }
.theme-horizontal-nav__submenu-activator {
cursor: pointer;
}
.theme-horizontal-nav__actions { .theme-horizontal-nav__actions {
display: flex; display: flex;
flex: 0 0 auto; flex: 0 0 auto;