GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-12 10:29:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix layout

Browse Source
This commit is contained in:
jxxghp
2023-07-01 18:22:07 +08:00
parent 3fd4baef11
commit 06fda108c3
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/@layouts/components/VerticalNavLayout.vue
View File

@@ -108,7 +108,7 @@ export default defineComponent({
.layout-navbar {
position: fixed;
width: 100vw;
width: calc(100vw - variables.$layout-vertical-nav-width);
z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
inset-block-start: 0;
@@ -194,4 +194,10 @@ export default defineComponent({
}
}
}
.layout-wrapper.layout-nav-type-vertical.layout-overlay-nav {
.layout-navbar {
width: 100vw;
}
}
</style>

2
src/layouts/components/DefaultLayoutWithVerticalNav.vue
View File

@@ -34,7 +34,7 @@ const search = () => {
<VerticalNavLayout>
<!-- 👉 navbar -->
<template #navbar="{ toggleVerticalOverlayNavActive }">
<div class="d-flex h-100 align-center">
<div class="d-flex h-100 align-center mx-1">
<!-- 👉 Vertical nav toggle in overlay mode -->
<IconBtn class="ms-n2 d-lg-none" @click="toggleVerticalOverlayNavActive(true)">
<VIcon icon="mdi-menu" />