diff --git a/frontend/src/assets/img/app-icons/crypto-header-logo.png b/frontend/src/assets/img/app-icons/crypto-header-logo.png
new file mode 100644
index 0000000..734bf52
Binary files /dev/null and b/frontend/src/assets/img/app-icons/crypto-header-logo.png differ
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index f38b23b..faed6a7 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -20,6 +20,7 @@ import {
X,
} from 'lucide-vue-next'
import { computed, onMounted, ref, watch } from 'vue'
+import cryptoHeaderLogo from '@/assets/img/app-icons/crypto-header-logo.png'
import CryptoLogo from '@/components/crypto/CryptoLogo.vue'
import { useCryptoStore } from '@/stores/crypto'
import { usePhoneStore } from '@/stores/phone'
@@ -379,38 +380,7 @@ onMounted(() => void crypto.load())
v-if="!detail && (!authenticated || tab === 'portfolio')"
class="vault-header-brand"
>
-
+
{{ t('name') }}
@@ -1847,11 +1817,12 @@ onMounted(() => void crypto.load())
align-items: center;
}
.vault-header-logo {
- width: 27px;
- height: 27px;
+ width: 30px;
+ height: 30px;
flex: 0 0 auto;
- overflow: visible;
- filter: drop-shadow(0 4px 6px rgba(49, 214, 170, 0.24));
+ object-fit: contain;
+ filter: drop-shadow(0 4px 6px rgba(49, 214, 170, 0.22))
+ drop-shadow(0 1px 2px rgba(246, 196, 83, 0.24));
}
.vault-section-title {
font-size: 17px;