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;