GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 07:28:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

v1.2.0-1

Browse Source
This commit is contained in:
jxxghp
2023-09-14 17:22:23 +08:00
parent 7cce57496d
commit 948e65d383
3 changed files with 24 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/@core/scss/_mixins.scss
+10 -12
View File
@@ -17,18 +17,16 @@
// ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element // ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element
@mixin before-pseudo() { @mixin before-pseudo() {
position: relative; position: relative;
@media (hover) { &::before {
&::before { position: absolute;
position: absolute; background: currentcolor;
background: currentcolor; block-size: 100%;
block-size: 100%; border-radius: inherit;
border-radius: inherit; content: "";
content: ""; inline-size: 100%;
inline-size: 100%; inset: 0;
inset: 0; opacity: 0;
opacity: 0; pointer-events: none;
pointer-events: none;
}
} }
} }
src/@core/scss/base/_mixins.scss
+10 -12
View File
@@ -8,18 +8,16 @@
// ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element // ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element
@mixin before-pseudo() { @mixin before-pseudo() {
position: relative; position: relative;
@media (hover) { &::before {
&::before { position: absolute;
position: absolute; border-radius: inherit;
border-radius: inherit; background: currentcolor;
background: currentcolor; block-size: 100%;
block-size: 100%; content: "";
content: ""; inline-size: 100%;
inline-size: 100%; inset: 0;
inset: 0; opacity: 0;
opacity: 0; pointer-events: none;
pointer-events: none;
}
} }
} }
src/@layouts/components/VerticalNav.vue
+4 -1
View File
@@ -70,12 +70,15 @@ function handleNavScroll(evt: Event) {
<slot name="nav-items" :update-is-vertical-nav-scrolled="updateIsVerticalNavScrolled"> <slot name="nav-items" :update-is-vertical-nav-scrolled="updateIsVerticalNavScrolled">
<PerfectScrollbar <PerfectScrollbar
tag="ul" tag="ul"
class="nav-items" class="nav-items d-none d-lg-block"
:options="{ wheelPropagation: false }" :options="{ wheelPropagation: false }"
@ps-scroll-y="handleNavScroll" @ps-scroll-y="handleNavScroll"
> >
<slot /> <slot />
</PerfectScrollbar> </PerfectScrollbar>
<ul class="nav-items d-lg-none overflow-auto">
<slot />
</ul>
</slot> </slot>
<slot name="after-nav-items" /> <slot name="after-nav-items" />