diff --git a/src/components/WalletSettings/DefaultAccount/DefaultAccount.scss b/src/components/WalletSettings/DefaultAccount/DefaultAccount.scss index c12a3d2fe..7eab276ed 100644 --- a/src/components/WalletSettings/DefaultAccount/DefaultAccount.scss +++ b/src/components/WalletSettings/DefaultAccount/DefaultAccount.scss @@ -3,30 +3,48 @@ .v-avatar { border-radius: 0; align-self: start; - & > svg, & > .v-icon { + & > svg, + & > .v-icon { margin: auto; } } - .v-list-item { - border-bottom: 1px solid #D3D5E2; - &.theme--dark { - border-bottom: 1px solid #202125; - } - } - .v-list-item:last-child { - border-bottom: 0; - &.theme--dark { - border-bottom: 0; - } + + .tkey-features { + padding-left: 16px; } + &.theme--dark { border: 1px solid #202125; - .v-list-item { - background: #28292E; + } +} + +.v-list-item { + border-bottom: 1px solid #d3d5e2; + &.theme--dark { + border-bottom: 1px solid #202125; + background: #28292e; + } + &.menu-item.v-list-item--link:hover { + ::v-deep .v-list-item__title > span { + color: var(--v-torusBrand1-base) !important; + } + &:before { + opacity: 0.1; + background-color: var(--v-torusBrand1-base); } } - - .tkey-features { - padding-left: 16px +} +.v-list-item:last-child { + border-bottom: 0; + &.theme--dark { + border-bottom: 0; + } +} +.v-menu__content { + border-radius: 6px !important; +} +.select-default-label { + ::v-deep .v-icon.tooltip-icon { + margin-top: 0; } } diff --git a/src/components/WalletSettings/DefaultAccount/DefaultAccount.vue b/src/components/WalletSettings/DefaultAccount/DefaultAccount.vue index 5cd7c4008..09b4ab69b 100644 --- a/src/components/WalletSettings/DefaultAccount/DefaultAccount.vue +++ b/src/components/WalletSettings/DefaultAccount/DefaultAccount.vue @@ -10,49 +10,40 @@ {{ `$vuetify.icons.${wallet.icon}` }} - - {{ wallet.title }} + + {{ wallet.title }} - -
- {{ t('tkeySettings.default') }} -
- - {{ t('tkeySettings.switchDefault') }} - -
- - + -
{{ t('tkeySettings.note') }}: {{ t('tkeySettings.theSelectedAccount') }}
+
+ {{ t('tkeySettings.manageOpenLogin') }} + app.openlogin.com +
+ +
+
Select default account
+ +
+ + + + + + {{ `$vuetify.icons.${wallet.icon}` }} + + + + {{ wallet.title }} + + + + + diff --git a/src/components/helpers/HelpTooltip/HelpTooltip.scss b/src/components/helpers/HelpTooltip/HelpTooltip.scss index f8f8caec4..99ed1e9ee 100644 --- a/src/components/helpers/HelpTooltip/HelpTooltip.scss +++ b/src/components/helpers/HelpTooltip/HelpTooltip.scss @@ -1,6 +1,6 @@ .v-tooltip__content { background: var(--v-torusLight-base); - border: 1px solid #F1F2F6; + border: 1px solid #f1f2f6; box-sizing: border-box; box-shadow: 0px 14px 28px rgba(46, 91, 255, 0.06); border-radius: 6px; @@ -15,7 +15,8 @@ box-shadow: 0px 14px 28px rgba(92, 108, 127, 0.06); } } -.v-icon { +.v-icon.tooltip-icon { color: var(--v-text_1-base); cursor: pointer; + margin-top: -2px; } diff --git a/src/components/helpers/HelpTooltip/HelpTooltip.vue b/src/components/helpers/HelpTooltip/HelpTooltip.vue index 2c74dabfb..5a6612833 100644 --- a/src/components/helpers/HelpTooltip/HelpTooltip.vue +++ b/src/components/helpers/HelpTooltip/HelpTooltip.vue @@ -23,6 +23,14 @@ export default { type: String, default: '', }, + icon: { + type: String, + default: 'question_filled', + }, + iconSize: { + type: Number, + default: 14, + }, }, } diff --git a/src/containers/WalletSettings/WalletSettings.vue b/src/containers/WalletSettings/WalletSettings.vue index 6d4ffc0f8..1116d1a57 100644 --- a/src/containers/WalletSettings/WalletSettings.vue +++ b/src/containers/WalletSettings/WalletSettings.vue @@ -78,7 +78,7 @@
{{ t('tkeySettings.accountManagement') }}
- + @@ -138,9 +138,6 @@ export default { log.info(normalAccount.metadataNonceHex) return !!normalAccount.metadataNonceHex }, - hasThresholdLogged() { - return Object.values(this.wallet).some((x) => x.accountType === ACCOUNT_TYPE.THRESHOLD) - }, }, mounted() { this.$vuetify.goTo(0)