m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-23 03:36:18 +02:00
Code

[WIP] Tweak Send Screen Styles

Browse Source
This commit is contained in:
sdtsui 2017-08-21 16:59:00 -07:00
parent b0759ddc18
commit d6116aaf57
4 changed files with 37 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/app/css/itcss/components/index.scss
View File

@ -12,6 +12,9 @@
@import './account-dropdown.scss';
@import './send.scss';
// Balances
@import './hero-balance.scss';

11
ui/app/css/itcss/components/sections.scss
View File

@ -283,17 +283,6 @@ textarea.twelve-word-phrase {
background: #faf6f0;
}
/* Send Screen */
.send-screen section {
margin: 4px 16px;
}
.send-screen input {
width: 100%;
font-size: 12px;
}
/* Ether Balance Widget */
.ether-balance-amount {

30
ui/app/css/itcss/components/send.scss Normal file
View File

@ -0,0 +1,30 @@
.send-screen-wrapper {
display: flex;
flex-direction: column;
min-width: 355px;
// width: 50%;
z-index: 50; //TODO
position: absolute;
top: 40px;
// height: 65%;
}
.send-screen-card {
display: flex;
flex-direction: column;
margin-left: 3.5%;
margin-right: 3.5%;
background: $white;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
}
/* Send Screen */
.send-screen section {
margin: 4px 16px;
}
.send-screen input {
width: 100%;
font-size: 12px;
}

15
ui/app/send.js
View File

@ -59,20 +59,13 @@ SendTransactionScreen.prototype.render = function () {
return (
h('div.flex-column.flex-grow', {
style: {
minWidth: '355px', // TODO: maxWidth TBD, use home.html
},
h('div.send-screen-wrapper', {
style: {},
}, [
// Main Send token Card
h('div.send-screen.flex-column.flex-grow', {
style: {
marginLeft: '3.5%',
marginRight: '3.5%',
background: '#FFFFFF', // $background-white
boxShadow: '0 2px 4px 0 rgba(0,0,0,0.08)',
}
h('div.send-screen-card', {
style: {}
}, [
h('section.flex-center.flex-row', {
style: {