docs: adjust the navigation bar style (#8631)

This commit is contained in:
qiang 2022-07-05 07:07:25 +08:00 committed by GitHub
parent 5b817d3008
commit cc957d9d22
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 6 deletions

View File

@ -15,7 +15,6 @@
--bg-brand-color: var(--el-color-primary-light-9);
--bg-color: var(--el-bg-color);
--bg-color-filter: #ffffffb3;
--bg-color-soft: #fafafa;
--bg-color-mute: #f2f2f2;
--border-color: var(--el-border-color);
@ -79,5 +78,4 @@
.dark {
--bg-color-soft: #242424;
--bg-color-mute: #2c2c2c;
--bg-color-filter: #141414b3;
}

View File

@ -5,14 +5,14 @@
@use './nav/menu';
.navbar-wrapper {
@include with-bg;
position: relative;
border-bottom: 1px solid var(--border-color);
height: var(--header-height);
padding: 0 12px 0 24px;
backdrop-filter: saturate(50%) blur(8px);
background: var(--bg-color-filter);
-webkit-backdrop-filter: saturate(50%) blur(8px);
background-image: radial-gradient(transparent 1px, var(--bg-color) 1px);
background-size: 4px 4px;
backdrop-filter: saturate(50%) blur(4px);
-webkit-backdrop-filter: saturate(50%) blur(4px);
top: 0;
@include respond-to('md') {