From c4fd8f56314cda666c1da96f9719c9c330e7456a Mon Sep 17 00:00:00 2001 From: jxxghp Date: Sun, 7 Jun 2026 20:04:00 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=BB=9F=E4=B8=80=E5=AF=BC?= =?UTF-8?q?=E8=88=AA=E6=A0=8F=E9=98=B4=E5=BD=B1=E6=A0=B7=E5=BC=8F=EF=BC=8C?= =?UTF-8?q?=E6=8F=90=E5=8D=87=E8=A7=86=E8=A7=89=E4=B8=80=E8=87=B4=E6=80=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/@core/scss/placeholders/_default-layout.scss | 4 ++-- src/@layouts/components/VerticalNavLayout.vue | 4 +++- src/styles/common.scss | 2 +- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/@core/scss/placeholders/_default-layout.scss b/src/@core/scss/placeholders/_default-layout.scss index 500d3e0d..31dc64cf 100644 --- a/src/@core/scss/placeholders/_default-layout.scss +++ b/src/@core/scss/placeholders/_default-layout.scss @@ -5,13 +5,13 @@ // Vertical nav scrolled sticky elevated nav %default-layout-vertical-nav-scrolled-sticky-elevated-nav { background-color: rgb(var(--v-theme-surface)); - box-shadow: 0 4px 8px -4px rgb(94 86 105 / 42%); + box-shadow: var(--app-surface-shadow); } // Floating navbar and sticky elevated navbar scrolled %default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled { background-color: rgb(var(--v-theme-surface)); - box-shadow: 0 4px 8px -4px rgb(94 86 105 / 42%); + box-shadow: var(--app-surface-shadow); } // Floating navbar overlay diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue index 319623ea..2cc24ad6 100644 --- a/src/@layouts/components/VerticalNavLayout.vue +++ b/src/@layouts/components/VerticalNavLayout.vue @@ -347,7 +347,9 @@ export default defineComponent({ .layout-wrapper.layout-horizontal-nav-active.layout-horizontal-nav-scrolled.layout-navbar-fixed .layout-navbar { backdrop-filter: blur(12px) saturate(1.2); background: rgb(var(--v-theme-surface)) !important; - box-shadow: 0 4px 8px -4px rgb(94 86 105 / 42%); + box-shadow: + 0 1px 3px rgba(0, 0, 0, 4%), + 0 1px 2px rgba(0, 0, 0, 2%); } .layout-wrapper.layout-horizontal-nav-active.layout-horizontal-nav-scrolled.layout-navbar-fixed diff --git a/src/styles/common.scss b/src/styles/common.scss index 28918297..ceb95aff 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -222,7 +222,7 @@ html[data-theme-shadow='high'] { } } -.v-btn:not(.v-btn--variant-plain, .v-btn--variant-text, .v-btn--flat) { +.v-btn:not(.v-btn--variant-plain, .v-btn--variant-text, .v-btn--flat, .theme-horizontal-nav__item) { box-shadow: var(--app-surface-shadow) !important; transition: box-shadow 0.2s ease; }