diff --git a/qortal-ui-core/src/components/wallet-profile.js b/qortal-ui-core/src/components/wallet-profile.js index 65e2ec6c..874a5951 100644 --- a/qortal-ui-core/src/components/wallet-profile.js +++ b/qortal-ui-core/src/components/wallet-profile.js @@ -12,6 +12,7 @@ class WalletProfile extends connect(store)(LitElement) { wallet: { type: Object }, nodeConfig: { type: Object }, accountInfo: { type: Object }, + imageUrl: { type: String }, theme: { type: String, reflect: true } } } @@ -30,6 +31,7 @@ class WalletProfile extends connect(store)(LitElement) { names: [], addressInfo: {} } + this.imageUrl = '' this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } @@ -42,32 +44,27 @@ class WalletProfile extends connect(store)(LitElement) { background: var(--sidetopbar); color: var(--black); } - #profileInMenu:hover { } - #accountIcon { font-size:48px; color: var(--mdc-theme-primary); display: inline-block; } - #accountName { margin: 0; font-size: 18px; font-weight:500; - display: inline-block; width:100%; padding-bottom:8px; + display: flex; } - #blocksMinted { margin:0; margin-top: 0; - font-size: 11px; + font-size: 12px; color: #03a9f4; } - #address { white-space: nowrap; overflow: hidden; @@ -76,16 +73,32 @@ class WalletProfile extends connect(store)(LitElement) { margin-top:8px; font-size:11px; } + .round-fullinfo { + position: relative; + width: 68px; + height: 68px; + border-radius: 50%; + } + .full-info-logo { + width: 68px; + height: 68px; + border-radius: 50%; + } + .inline-block-child { + flex: 1; + } - -
${translate("walletprofile.blocksminted")} - ${this.accountInfo.addressInfo.blocksMinted + this.accountInfo.addressInfo.blocksMintedAdjustment}
+${translate("walletprofile.blocksminted")} - ${this.accountInfo.addressInfo.blocksMinted + this.accountInfo.addressInfo.blocksMintedAdjustment}
+${this.wallet.addresses[0].address}