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

优化垂直导航样式，修复边框半径设置，删除不必要的代码，移除 TransitionExpand 组件

Browse Source
This commit is contained in:
jxxghp
2025-05-21 21:06:40 +08:00
parent 4bcc89d9da
commit 1f09e1ff93
4 changed files with 3 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/@core/scss/_vertical-nav.scss
View File

@@ -118,11 +118,6 @@
opacity: var(--v-disabled-opacity);
pointer-events: none;
}
}
// 👉 Vertical nav link
.nav-link {
@extend %nav-link;
> .router-link-exact-active {
@extend %nav-link-active;

6
src/@core/scss/template/_default-layout-w-vertical-nav.scss
View File

@@ -22,7 +22,7 @@ $header: ".layout-navbar";
// If navbar is contained => Add border radius to header
@if variables.$layout-vertical-nav-navbar-is-contained {
#{$header} {
// border-radius: 0 0 variables.$default-layout-with-vertical-nav-navbar-footer-roundness variables.$default-layout-with-vertical-nav-navbar-footer-roundness;
border-radius: 0 0 variables.$default-layout-with-vertical-nav-navbar-footer-roundness variables.$default-layout-with-vertical-nav-navbar-footer-roundness;
}
}
@@ -31,7 +31,7 @@ $header: ".layout-navbar";
/* ℹ️ This html selector with not selector is required when:
dialog is opened and window don't have any scroll. This removes window-scrolled class from layout and out style broke
*/
html.v-overlay-scroll-blocked:not([style*="--v-body-scroll-y: 0px;"]) .layout-navbar-fixed,
html.v-overlay-scroll-blocked .layout-navbar-fixed,
&.window-scrolled.layout-navbar-fixed {
#{$header} {
@@ -63,7 +63,7 @@ $header: ".layout-navbar";
#{$header} {
@if variables.$layout-vertical-nav-navbar-is-contained {
// border-radius: variables.$default-layout-with-vertical-nav-navbar-footer-roundness;
border-radius: variables.$default-layout-with-vertical-nav-navbar-footer-roundness;
}
background-color: rgb(var(--v-theme-surface));

1
src/@core/scss/template/placeholders/_misc.scss
View File

@@ -5,7 +5,6 @@
.v-theme--light & {
border-radius: 0 0 16px 16px;
backdrop-filter: blur(16px);
background: rgba(var(--v-theme-surface), 0.9);
box-shadow: 0 0 8px 0 rgba(var(--v-theme-on-surface), 0.1);