diff --git a/src/components/misc/ValidatorList/ValidatorRow.vue b/src/components/misc/ValidatorList/ValidatorRow.vue index bf4b81ead..c24ad6af5 100644 --- a/src/components/misc/ValidatorList/ValidatorRow.vue +++ b/src/components/misc/ValidatorList/ValidatorRow.vue @@ -1,5 +1,5 @@ @@ -26,6 +28,7 @@ import { ValidatorListItem } from '@/store/modules/platform/types' @Component export default class ValidatorsList extends Vue { @Prop() validator!: ValidatorListItem + isSelected: boolean = false get remainingMs(): number { let end = this.validator.endTime @@ -113,6 +116,7 @@ export default class ValidatorsList extends Vue { select() { this.$emit('select', this.validator) + this.isSelected = !this.isSelected } } @@ -133,13 +137,21 @@ button { .id { word-break: break-all; } + td { padding: 4px 14px; - background-color: var(--bg-light); border: 1px solid var(--bg); font-size: 13px; } +.selected { + background-color: var(--success); +} + +.unselected { + background-color: var(--bg-light); +} + @include main.medium-device { td { font-size: 10px !important; diff --git a/src/components/wallet/earn/Delegate/AddDelegator.vue b/src/components/wallet/earn/Delegate/AddDelegator.vue index 8fd1df6d4..4666f1aa5 100644 --- a/src/components/wallet/earn/Delegate/AddDelegator.vue +++ b/src/components/wallet/earn/Delegate/AddDelegator.vue @@ -1,13 +1,24 @@