From 95698b20e0e76b81cbd0c5bd45d64eb33e60f59a Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Tue, 18 Aug 2026 10:52:56 +0200
Subject: [PATCH] FIX - show VaultX logo in market headers

Use the VaultX app mark in crypto detail navbars while retaining each market symbol and name beside it. Keep the coin-specific logo in the detail content where it identifies the selected asset.
---
 frontend/src/views/apps/CryptoApp.contract.test.ts |  4 ++++
 frontend/src/views/apps/CryptoApp.vue              | 11 ++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index 7dd10f5..8b7749b 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -92,6 +92,10 @@ describe('VaultX crypto app contracts', () => {
   it('uses the compact Flare-style navigation and polished overlay transitions', () => {
     expect(source).toContain('class="vault-navbar"')
     expect(source).toContain('class="vault-header-logo"')
+    expect(source).toContain(
+      'class="vault-header-logo vault-header-logo--detail"',
+    )
+    expect(source).not.toContain('class="coin-detail-logo"')
     expect(source).not.toContain('.vault-header-brand > i')
     expect(source).toContain(':show-back="Boolean(detail)"')
     expect(source).not.toMatch(/<SkyNavbar[\s\S]*?\slarge(?:\s|>)/)
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index c3bfd76..7dedab7 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -415,7 +415,11 @@ onMounted(() => void crypto.load())
           <span>{{ t('name') }}</span>
         </span>
         <span v-else-if="detail" class="vault-detail-title">
-          <CryptoLogo class="coin-detail-logo" :market="detail" />
+          <img
+            class="vault-header-logo vault-header-logo--detail"
+            :src="cryptoHeaderLogo"
+            alt=""
+          />
           <span>
             <b>{{ detail.symbol }}</b>
             <small>{{ detail.name }}</small>
@@ -1918,12 +1922,9 @@ onMounted(() => void crypto.load())
   gap: 8px;
   align-items: center;
 }
-.coin-detail-logo {
-  display: grid;
-  place-items: center;
+.vault-header-logo--detail {
   width: 28px;
   height: 28px;
-  border-radius: 10px;
 }
 .vault-detail-title > span {
   display: grid;