mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-06-11 10:40:28 +08:00
修复样式文件中的注释错误,确保过渡效果和内边距设置生效;优化背景透明度设置,提升视觉效果。
This commit is contained in:
@@ -17,7 +17,7 @@ $header: ".layout-navbar";
|
|||||||
@if variables.$vertical-nav-navbar-style == "elevated" {
|
@if variables.$vertical-nav-navbar-style == "elevated" {
|
||||||
// Add transition
|
// Add transition
|
||||||
#{$header} {
|
#{$header} {
|
||||||
// transition: padding 0.2s ease, background-color 0.18s ease;
|
transition: padding 0.2s ease, background-color 0.18s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
// If navbar is contained => Add border radius to header
|
// If navbar is contained => Add border radius to header
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
|
|
||||||
// If navbar is contained => Squeeze navbar content on scroll
|
// If navbar is contained => Squeeze navbar content on scroll
|
||||||
@if variables.$layout-vertical-nav-navbar-is-contained {
|
@if variables.$layout-vertical-nav-navbar-is-contained {
|
||||||
// padding-inline: 1rem;
|
padding-inline: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -36,8 +36,7 @@
|
|||||||
block-size: calc(variables.$layout-vertical-nav-navbar-height + variables.$vertical-nav-floating-navbar-top + 0.5rem);
|
block-size: calc(variables.$layout-vertical-nav-navbar-height + variables.$vertical-nav-floating-navbar-top + 0.5rem);
|
||||||
content: "";
|
content: "";
|
||||||
inset-block-start: -(variables.$vertical-nav-floating-navbar-top);
|
inset-block-start: -(variables.$vertical-nav-floating-navbar-top);
|
||||||
inset-inline-end: 0;
|
inset-inline: 0;
|
||||||
inset-inline-start: 0;
|
|
||||||
/* stylelint-disable property-no-vendor-prefix */
|
/* stylelint-disable property-no-vendor-prefix */
|
||||||
-webkit-mask: linear-gradient(black, black 18%, transparent 100%);
|
-webkit-mask: linear-gradient(black, black 18%, transparent 100%);
|
||||||
mask: linear-gradient(black, black 18%, transparent 100%);
|
mask: linear-gradient(black, black 18%, transparent 100%);
|
||||||
|
|||||||
@@ -1,10 +1,6 @@
|
|||||||
%blurry-bg {
|
%blurry-bg {
|
||||||
position: relative;
|
position: relative;
|
||||||
/* stylelint-disable property-no-vendor-prefix */
|
background: transparent;
|
||||||
// -webkit-backdrop-filter: blur(6px);-webkit-backdrop-filter-webkit-backdrop-filter-webkit-backdrop-filter
|
|
||||||
// backdrop-filter: blur(6px);backdrop-filterbackdrop-filterbackdrop-filter
|
|
||||||
/* stylelint-enable */
|
|
||||||
background-color: transparent;
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
|||||||
Reference in New Issue
Block a user