2018-07-30 19:42:09 +02:00
|
|
|
.menu-bar {
|
2020-04-02 04:38:45 +02:00
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 30% minmax(30%, 1fr) 30%;
|
|
|
|
column-gap: 5px;
|
2020-04-29 23:25:15 +02:00
|
|
|
padding: 0 8px;
|
2019-06-13 04:56:04 +02:00
|
|
|
border-bottom: 1px solid $Grey-100;
|
2018-07-30 19:42:09 +02:00
|
|
|
|
2020-04-02 04:38:45 +02:00
|
|
|
.menu-bar__account-options {
|
|
|
|
background: none;
|
|
|
|
font-size: inherit;
|
2020-04-29 23:25:15 +02:00
|
|
|
padding: 0 8px 0 5px;
|
2020-04-02 04:38:45 +02:00
|
|
|
place-self: center end;
|
2020-04-01 21:41:26 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.selected-account {
|
2020-04-02 04:38:45 +02:00
|
|
|
grid-column: 2 / span 1;
|
|
|
|
place-self: center stretch;
|
2018-07-30 19:42:09 +02:00
|
|
|
}
|
|
|
|
}
|
2020-05-27 17:31:53 +02:00
|
|
|
|
|
|
|
.account-options-menu {
|
|
|
|
&__connected-sites:before {
|
|
|
|
content: "";
|
|
|
|
background-image: url(/images/icons/connected-sites-black.svg);
|
|
|
|
background-size: contain;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
padding: 8px;
|
|
|
|
}
|
|
|
|
&__explorer-origin {
|
|
|
|
color: $Grey-500;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
}
|