From 88913eb8814e42289d29018ca99d5336523f8cb3 Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Tue, 18 Aug 2026 13:05:47 +0200
Subject: [PATCH] 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.
---
 .../src/views/apps/CryptoApp.contract.test.ts   |  5 +++++
 frontend/src/views/apps/CryptoApp.vue           | 17 +++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index 24e4f13..86eb4a2 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -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;')
   })
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index 0fd9a22..0920886 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -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;