fix: 优化页面恢复渲染并统一导航壳配色

- 延迟页面恢复后的版本检查,并移除常驻大面积背景模糊

- 统一侧栏、顶部工具栏和标签栏的导航壳背景色
This commit is contained in:
2026-07-22 19:47:25 +08:00
parent 53fb63802b
commit 5a3d4788da
9 changed files with 50 additions and 19 deletions

View File

@@ -47,7 +47,7 @@ const style = computed((): CSSProperties => {
const right = !show || !fullWidth ? undefined : 0;
return {
backgroundColor: 'transparent',
backgroundColor: 'hsl(var(--nav-shell-surface))',
backgroundImage: 'none',
backdropFilter: 'none',
boxShadow: 'none',

View File

@@ -123,10 +123,9 @@ const style = computed((): CSSProperties => {
return {
'--scroll-shadow': 'var(--surface-elevated)',
backgroundColor: 'hsl(var(--nav-surface-subtle) / 0.16)',
backgroundImage:
'linear-gradient(180deg, hsl(var(--nav-surface) / 0.3) 0%, hsl(var(--nav-surface-subtle) / 0.2) 28%, hsl(var(--glass-tint) / 0.12) 100%)',
backdropFilter: 'blur(calc(var(--glass-blur) * 1.5)) saturate(188%)',
backgroundColor: 'hsl(var(--nav-shell-surface))',
backgroundImage: 'none',
backdropFilter: 'var(--persistent-surface-backdrop-filter)',
boxShadow:
'inset 0 1px 0 hsl(var(--nav-sheen) / 0.14), inset -1px 0 0 hsl(var(--nav-border) / 0.08)',
...calcMenuWidthStyle(false),
@@ -142,10 +141,9 @@ const extraStyle = computed((): CSSProperties => {
const { extraWidth, show, width, zIndex } = props;
return {
backgroundColor: 'hsl(var(--nav-surface-subtle) / 0.12)',
backgroundImage:
'linear-gradient(180deg, hsl(var(--nav-surface-subtle) / 0.24) 0%, hsl(var(--glass-tint) / 0.12) 100%)',
backdropFilter: 'blur(calc(var(--glass-blur) * 1.34)) saturate(182%)',
backgroundColor: 'hsl(var(--nav-shell-surface))',
backgroundImage: 'none',
backdropFilter: 'var(--persistent-surface-backdrop-filter)',
boxShadow:
'inset 0 1px 0 hsl(var(--nav-sheen) / 0.12), inset -1px 0 0 hsl(var(--nav-border) / 0.08)',
left: `${width}px`,

View File

@@ -15,7 +15,7 @@ const props = withDefaults(defineProps<Props>(), {});
const style = computed((): CSSProperties => {
const { height } = props;
return {
backgroundColor: 'transparent',
backgroundColor: 'hsl(var(--nav-shell-surface))',
backgroundImage: 'none',
backdropFilter: 'none',
boxShadow: 'none',

View File

@@ -334,8 +334,8 @@ const headerZIndex = computed(() => {
const headerWrapperStyle = computed((): CSSProperties => {
const fixed = headerFixed.value;
return {
backdropFilter: 'blur(calc(var(--glass-blur) * 1.1)) saturate(158%)',
backgroundColor: 'hsl(var(--glass-tint) / 0.18)',
backdropFilter: 'var(--persistent-surface-backdrop-filter)',
backgroundColor: 'hsl(var(--glass-tint) / 0.9)',
backgroundImage:
'linear-gradient(180deg, hsl(var(--nav-surface) / 0.22), hsl(var(--glass-tint) / 0.08))',
boxShadow: 'inset 0 -1px 0 hsl(var(--nav-border) / 0.05)',