1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/menu-bar/index.scss
Albert Olivé dfb2c0e0e8
[MMI] Added code fencing in app menu bar (#18069)
* Added code fencing in app me nu bar

* Fixed lint issues

* Fixed yarn.lock

* Fixed issue

* Fixed tests

* Fixed yarn.lock

* Fixing policies

* Fixing lavamoat

* fixed yarn.lock

* Fixed storybook

* clean up and adds test

* lint

* typo

* adds test

---------

Co-authored-by: Antonio Regadas <antonio.regadas@consensys.net>
2023-05-23 14:51:39 +02:00

43 lines
800 B
SCSS

.menu-bar {
display: grid;
grid-template-columns: 30% minmax(30%, 1fr) 30%;
column-gap: 5px;
padding: 0 8px;
border-bottom: 1px solid var(--color-border-muted);
height: 64px;
.menu-bar__account-options {
background: none;
font-size: inherit;
padding: 0 8px 0 5px;
place-self: center end;
color: var(--color-text-default);
}
///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
&__custody-logo {
@media screen and (max-width: $break-small) {
display: none;
}
&--icon {
height: 35px;
margin-left: 10px;
}
}
///: END:ONLY_INCLUDE_IN
.selected-account {
grid-column: 2 / span 1;
place-self: center stretch;
}
}
.account-options-menu {
&__explorer-origin {
@include H7;
color: var(--color-text-alternative);
}
}