FIX - clear VaultX profile navbar

Remove the remaining profile-only navbar root, gradient, blur, and divider behind the sign-out action. Keep all other VaultX headers unchanged and verify the profile header layers remain transparent.
This commit is contained in:
smx.pusha
2026-08-18 13:05:47 +02:00
parent 0adb36b511
commit 88913eb881
2 changed files with 22 additions and 0 deletions
@@ -198,7 +198,12 @@ describe('VaultX crypto app contracts', () => {
})
it('keeps the profile sign-out action free of a second navbar surface', () => {
expect(source).toContain("'vault-navbar--profile'")
expect(source).toContain('.crypto-app :deep(.sky-navbar__right)')
expect(source).toContain('.crypto-app :deep(.vault-navbar--profile)')
expect(source).toContain(
'.crypto-app :deep(.vault-navbar--profile .sky-navbar__background)',
)
expect(source).toContain('background: transparent;')
expect(source).toContain('backdrop-filter: none;')
})
+17
View File
@@ -701,6 +701,9 @@ onUnmounted(() => {
detail ? `detail-${detail.id}` : `page-${authenticated ? tab : 'auth'}`
"
class="vault-navbar"
:class="{
'vault-navbar--profile': authenticated && tab === 'profile' && !detail,
}"
:title="detail?.symbol ?? (authenticated ? t(`tabs.${tab}`) : t('name'))"
:show-back="Boolean(detail)"
back-appearance="surface"
@@ -2729,6 +2732,20 @@ onUnmounted(() => {
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.crypto-app :deep(.vault-navbar--profile) {
--sky-navbar-glass: transparent;
background: transparent;
border-bottom-color: transparent;
}
.crypto-app :deep(.vault-navbar--profile .sky-navbar__blur) {
-webkit-backdrop-filter: none;
backdrop-filter: none;
-webkit-mask-image: none;
mask-image: none;
}
.crypto-app :deep(.vault-navbar--profile .sky-navbar__background) {
background: transparent;
}
.vault-header-brand {
display: inline-flex;
gap: 8px;