Add when when too many accounts (#7677)
This commit is contained in:
parent
66322c769e
commit
6d60286bf6
@ -26,11 +26,14 @@
|
|||||||
.list {
|
.list {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
padding: 1em 1em !important;
|
padding: 1em 1em !important;
|
||||||
background-color: #f5f5f5;
|
background-color: white;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.isDefault {
|
.accountsList {
|
||||||
background-color: white;
|
background-color: #f5f5f5;
|
||||||
|
height: 300px;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hasOtherAccounts {
|
.hasOtherAccounts {
|
||||||
|
@ -68,14 +68,14 @@ class DefaultAccount extends Component {
|
|||||||
}
|
}
|
||||||
content={
|
content={
|
||||||
<div>
|
<div>
|
||||||
<List relaxed='very' selection className={ [styles.list, styles.isDefault, allAccounts.length > 1 && styles.hasOtherAccounts].join(' ') }>
|
<List relaxed='very' selection className={ [styles.list, allAccounts.length > 1 && styles.hasOtherAccounts].join(' ') }>
|
||||||
<AccountItem
|
<AccountItem
|
||||||
isDefault
|
isDefault
|
||||||
account={ defaultAccount }
|
account={ defaultAccount }
|
||||||
/>
|
/>
|
||||||
</List>
|
</List>
|
||||||
{allAccounts.length > 1 &&
|
{allAccounts.length > 1 &&
|
||||||
<List relaxed='very' selection className={ styles.list } divided>
|
<List relaxed='very' selection className={ [styles.list, styles.accountsList].join(' ') } divided>
|
||||||
{allAccounts
|
{allAccounts
|
||||||
.filter(({ address }) => address !== defaultAddress)
|
.filter(({ address }) => address !== defaultAddress)
|
||||||
.map(account => (
|
.map(account => (
|
||||||
|
Loading…
Reference in New Issue
Block a user