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

fix

Browse Source
This commit is contained in:
叮叮当
2023-08-04 17:40:12 +08:00
parent 78e3a37c80
commit e6b64abc8d
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/@layouts/components/VerticalNav.vue
View File

@@ -43,7 +43,7 @@ function handleNavScroll(evt: Event) {
<Component <Component
:is="props.tag" :is="props.tag"
ref="refNav" ref="refNav"
class="layout-vertical-nav" class="layout-vertical-nav touch-none"
:class="[ :class="[
{ {
'visible': isOverlayNavActive, 'visible': isOverlayNavActive,
@@ -83,8 +83,8 @@ function handleNavScroll(evt: Event) {
</template> </template>
<style lang="scss"> <style lang="scss">
@use '@configured-variables' as variables; @use "@configured-variables" as variables;
@use '@layouts/styles/mixins'; @use "@layouts/styles/mixins";
// 👉 Vertical Nav // 👉 Vertical Nav
.layout-vertical-nav { .layout-vertical-nav {

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

@@ -63,7 +63,7 @@ export default defineComponent({
// 👉 Overlay // 👉 Overlay
const layoutOverlay = h('div', { const layoutOverlay = h('div', {
class: ['layout-overlay', { visible: isLayoutOverlayVisible.value }], class: ['layout-overlay', 'touch-none', { visible: isLayoutOverlayVisible.value }],
onClick: () => { onClick: () => {
isLayoutOverlayVisible.value = !isLayoutOverlayVisible.value isLayoutOverlayVisible.value = !isLayoutOverlayVisible.value
}, },

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

@@ -12,7 +12,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
</script> </script>
<template> <template>
<VerticalNavLayout class="touch-none"> <VerticalNavLayout>
<!-- 👉 Navbar --> <!-- 👉 Navbar -->
<template #navbar="{ toggleVerticalOverlayNavActive }"> <template #navbar="{ toggleVerticalOverlayNavActive }">
<div class="d-flex h-100 align-center mx-1"> <div class="d-flex h-100 align-center mx-1">