GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-06-09 17:50:31 +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

4
index.html
View File

@@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="initial-scale=1, viewport-fit=cover, width=device-width" /> <meta name="viewport" content="initial-scale=1, viewport-fit=cover, width=device-width, user-scalable=no" />
<title>MoviePilot</title> <title>MoviePilot</title>
<meta name="Robots" content="noindex,nofollow,noarchive"> <meta name="Robots" content="noindex,nofollow,noarchive">
<link rel="icon" type="image/png" href="/logo.png"> <link rel="icon" type="image/png" href="/logo.png">
@@ -67,7 +67,7 @@
<meta name="mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="NAStool"> <meta name="apple-mobile-web-app-title" content="MoviePilot">
<meta name="description" content="MoviePilot"> <meta name="description" content="MoviePilot">
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<meta name="referrer" content="never"> <meta name="referrer" content="never">

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

@@ -108,7 +108,7 @@ export default defineComponent({
.layout-navbar { .layout-navbar {
position: fixed; position: fixed;
width: 100vw; width: calc(100vw - variables.$layout-vertical-nav-width);
z-index: variables.$layout-vertical-nav-layout-navbar-z-index; z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
inset-block-start: 0; 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> </style>

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

@@ -34,7 +34,7 @@ const search = () => {
<VerticalNavLayout> <VerticalNavLayout>
<!-- 👉 navbar --> <!-- 👉 navbar -->
<template #navbar="{ toggleVerticalOverlayNavActive }"> <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 --> <!-- 👉 Vertical nav toggle in overlay mode -->
<IconBtn class="ms-n2 d-lg-none" @click="toggleVerticalOverlayNavActive(true)"> <IconBtn class="ms-n2 d-lg-none" @click="toggleVerticalOverlayNavActive(true)">
<VIcon icon="mdi-menu" /> <VIcon icon="mdi-menu" />