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

Move main-container wrapper div into its own class

Browse Source
This commit is contained in:
Whymarrh Whitby 2018-09-19 16:43:58 -02:30
parent fbf14cd130
commit 3987f9860f
4 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/app.js
View File

@ -152,7 +152,7 @@ class App extends Component {
h(AccountMenu), h(AccountMenu),
h('div.main-container', [ h('div.main-container-wrapper', [
(isLoading || isLoadingNetwork) && h(Loading, { (isLoading || isLoadingNetwork) && h(Loading, {
loadingMessage: loadMessage, loadingMessage: loadMessage,
}), }),

1
ui/app/components/pages/unlock-page/index.scss
View File

@ -14,6 +14,7 @@
align-self: stretch; align-self: stretch;
justify-content: center; justify-content: center;
flex: 1 0 auto; flex: 1 0 auto;
height: 100vh;
} }
&__mascot-container { &__mascot-container {

2
ui/app/css/itcss/components/loading-overlay.scss
View File

@ -1,6 +1,6 @@
.loading-overlay { .loading-overlay {
left: 0; left: 0;
z-index: 256; z-index: 51;
position: absolute; position: absolute;
flex-direction: column; flex-direction: column;
display: flex; display: flex;

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

@ -22,6 +22,12 @@ $wallet-view-bg: $alabaster;
display: none; display: none;
} }
.main-container-wrapper {
display: flex;
width: 100vw;
justify-content: center;
}
//Account and transaction details //Account and transaction details
.account-and-transaction-details { .account-and-transaction-details {
display: flex; display: flex;
@ -219,6 +225,10 @@ $wallet-view-bg: $alabaster;
overflow-y: auto; overflow-y: auto;
background-color: $white; background-color: $white;
} }
.main-container-wrapper {
height: 100%;
}
} }
// wallet view // wallet view