mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 19:10:22 +01:00
cb0ab90c84
Two tabs have been created on the home screen: 'Assets' and 'History'. This tabbed view is shown only on small screens (e.g. in the popup). The fullscreen view is unchanged. The toggle-able left sidebar no longer exists, so some 'sidebar-left' specific code and styles have been removed. The button in the menu bar has been removed as well. The 'History' title of the transaction history is now redundant when where are no pending transactions, so it as been conditionally hidden. A passthrough for `data-testid` has been added to the Tab component for convenience in e2e tests.
40 lines
724 B
SCSS
40 lines
724 B
SCSS
.home {
|
|
&__container {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
&__main-view {
|
|
flex: 1 1 66.5%;
|
|
background: $white;
|
|
min-width: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
&__balance-wrapper {
|
|
@media screen and (max-width: $break-small) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
flex: 0 0 auto;
|
|
padding-top: 16px;
|
|
}
|
|
|
|
@media screen and (min-width: $break-large) {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
margin: 2.3em 2.37em .8em;
|
|
flex: 0 0 auto;
|
|
}
|
|
}
|
|
|
|
&__tab {
|
|
flex-grow: 1;
|
|
}
|
|
}
|