mirror of
https://github.com/sky-systems/sky_phone.git
synced 2026-08-28 17:01:18 +00:00
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:
@@ -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;')
|
||||
})
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user