mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-28 05:12:18 +01:00
4efa6caec7
* Fix home container height The home container element's height was not set, so the lower half of the home component was showing as the wrong color when the user had no transactions or tokens. This was broken in #8271, which was a fix for a different CSS problem. Both problems should remain fixed now with height being set explicitly. * Remove obsolete `flex` rule This element is no longer within a flex container as of #8271, so this rule doesn't do anything.
40 lines
722 B
SCSS
40 lines
722 B
SCSS
.home {
|
|
&__container {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
|
|
&__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;
|
|
}
|
|
}
|