FIX - show market logo in VaultX detail header

Render the selected market's dedicated CryptoLogo in the compact detail navbar instead of reusing the VaultX application brand. Keep the market symbol and name alongside the correctly sized logo.
This commit is contained in:
smx.pusha
2026-08-18 11:21:13 +02:00
parent 11446e88b7
commit 7647d29d56
2 changed files with 7 additions and 9 deletions
@@ -113,8 +113,9 @@ describe('VaultX crypto app contracts', () => {
expect(source).toContain('class="vault-navbar"')
expect(source).toContain('class="vault-header-logo"')
expect(source).toContain(
'class="vault-header-logo vault-header-logo--detail"',
'<CryptoLogo class="vault-detail-logo" :market="detail" />',
)
expect(source).not.toContain('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)"')
+5 -8
View File
@@ -430,11 +430,7 @@ onMounted(() => void crypto.load())
<span>{{ t('name') }}</span>
</span>
<span v-else-if="detail" class="vault-detail-title">
<img
class="vault-header-logo vault-header-logo--detail"
:src="cryptoHeaderLogo"
alt=""
/>
<CryptoLogo class="vault-detail-logo" :market="detail" />
<span>
<b>{{ detail.symbol }}</b>
<small>{{ detail.name }}</small>
@@ -2001,9 +1997,10 @@ onMounted(() => void crypto.load())
gap: 8px;
align-items: center;
}
.vault-header-logo--detail {
width: 28px;
height: 28px;
.vault-detail-logo {
width: 30px;
height: 30px;
border-radius: 11px;
}
.vault-detail-title > span {
display: grid;