mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-28 05:12:18 +01:00
2b1a22b8b1
The "Transaction View" component has been merged with the Home component. The division between these two components seemed wrong because the "Transaction View" contained the menu bar (distinctly a "home" thing, not a "transaction" thing), and we will be adding more non-transaction-related components shortly. This also let us use a single `Media` component instead of two.
36 lines
690 B
SCSS
36 lines
690 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;
|
|
}
|
|
}
|
|
}
|