m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Extract style for Home component into separate module (#8139)

Browse Source 
The styles used for the Home component were in the huge
"newui-sections" SCSS file. Instead they've been moved into an SCSS
module alongside the component, to follow our conventions.

The `main-container` class was left as-is because it is shared between
here and the settings page.
This commit is contained in:
Mark Stacey 2020-02-28 16:27:22 -04:00 committed by GitHub
parent b534ecb2e1
commit f4c279e6ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/app/css/itcss/components/newui-sections.scss
View File

@ -38,13 +38,6 @@ $wallet-view-bg: $alabaster;
width: 100%; width: 100%;
} }
//Account and transaction details
.account-and-transaction-details {
display: flex;
flex: 1 1 auto;
min-width: 0;
}
// wallet view and sidebar // wallet view and sidebar
.wallet-view { .wallet-view {

2
ui/app/pages/home/home.component.js
View File

@ -107,7 +107,7 @@ export default class Home extends PureComponent {
return ( return (
<div className="main-container"> <div className="main-container">
<div className="account-and-transaction-details"> <div className="home__container">
<Media <Media
query="(min-width: 576px)" query="(min-width: 576px)"
render={() => <WalletView />} render={() => <WalletView />}

4
ui/app/pages/home/index.scss Normal file
View File

@ -0,0 +1,4 @@
.home__container {
display: flex;
flex: 1 1 auto;
}

2
ui/app/pages/index.scss
View File

@ -4,6 +4,8 @@
@import 'error/index'; @import 'error/index';
@import 'home/index';
@import 'send/send'; @import 'send/send';
@import 'confirm-add-token/index'; @import 'confirm-add-token/index';