From 0adb36b5119a9df47bb20a53ae8d273a8cd72265 Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Tue, 18 Aug 2026 12:56:28 +0200
Subject: [PATCH] FIX - remove VaultX sign-out backdrop

Remove the navbar slot glass surface behind the profile sign-out action while preserving the styled button, hover state, and accessible touch target. Cover the transparent slot treatment with the VaultX contract test.
---
 frontend/src/views/apps/CryptoApp.contract.test.ts | 6 ++++++
 frontend/src/views/apps/CryptoApp.vue              | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index 9359240..24e4f13 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -197,6 +197,12 @@ describe('VaultX crypto app contracts', () => {
     expect(source).toContain(':content-wrap="false"')
   })
 
+  it('keeps the profile sign-out action free of a second navbar surface', () => {
+    expect(source).toContain('.crypto-app :deep(.sky-navbar__right)')
+    expect(source).toContain('background: transparent;')
+    expect(source).toContain('backdrop-filter: none;')
+  })
+
   it('groups the activity summary and icon filters into one VaultX hub', () => {
     expect(source).toContain('class="activity-overview"')
     expect(source).toContain('class="activity-filter-panel"')
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index 9de17c0..0fd9a22 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -2723,6 +2723,12 @@ onUnmounted(() => {
   background: #070b11;
   border-bottom: 1px solid rgba(255, 255, 255, 0.07);
 }
+.crypto-app :deep(.sky-navbar__right) {
+  background: transparent;
+  box-shadow: none;
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+}
 .vault-header-brand {
   display: inline-flex;
   gap: 8px;