mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
[WIP] Tweak Send Screen Styles
This commit is contained in:
parent
b0759ddc18
commit
d6116aaf57
@ -12,6 +12,9 @@
|
||||
|
||||
@import './account-dropdown.scss';
|
||||
|
||||
@import './send.scss';
|
||||
|
||||
|
||||
// Balances
|
||||
@import './hero-balance.scss';
|
||||
|
||||
|
@ -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
30
ui/app/css/itcss/components/send.scss
Normal 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;
|
||||
}
|
@ -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: {
|
||||
|
Loading…
Reference in New Issue
Block a user