fix: 优化页面恢复渲染并统一导航壳配色
- 延迟页面恢复后的版本检查,并移除常驻大面积背景模糊 - 统一侧栏、顶部工具栏和标签栏的导航壳背景色
This commit is contained in:
@@ -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',
|
||||
|
||||
@@ -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`,
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
Reference in New Issue
Block a user