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

Touch up style of account-details-modal.

Browse Source
This commit is contained in:
Dan 2017-09-06 07:13:32 -02:30 committed by Chi Kei Chan
parent 7fb1c6836d
commit 61b965fe14
3 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/components/modals/modal.js
View File

@ -54,11 +54,13 @@ const MODALS = {
width: '95%', width: '95%',
top: isPopupOrNotification() === 'popup' ? '52vh' : '36.5vh', top: isPopupOrNotification() === 'popup' ? '52vh' : '36.5vh',
boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px', boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
borderRadius: '4px',
}, },
laptopModalStyle: { laptopModalStyle: {
width: '360px', width: '360px',
top: 'calc(33% + 45px)', top: 'calc(33% + 45px)',
boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px', boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
borderRadius: '4px',
}, },
}, },

36
ui/app/css/itcss/components/modal.scss
View File

@ -172,16 +172,19 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
position: relative; position: relative;
padding: 5px 0; padding: 5px 0 31px 0;
border: 1px solid $silver;
border-radius: 4px; border-radius: 4px;
font-family: 'Montserrat UltraLight';
} }
.account-details-modal-wrapper .qr-header { .account-details-modal-wrapper .qr-header {
margin-top: 15px; margin-top: 9px;
font-size: 20px;
} }
.account-details-modal-wrapper .qr-wrapper { .account-details-modal-wrapper .qr-wrapper {
margin-top: 15px; margin-top: 5px;
} }
.account-details-modal-wrapper .ellip-address-wrapper { .account-details-modal-wrapper .ellip-address-wrapper {
@ -189,25 +192,34 @@
justify-content: center; justify-content: center;
border: 1px solid $alto; border: 1px solid $alto;
padding: 5px 10px; padding: 5px 10px;
font-family: 'Montserrat Light';
margin-top: 7px;
width: 286px;
}
.account-details-modal-wrapper .qr-ellip-address {
width: 254px;
} }
.account-details-modal-wrapper .btn-clear { .account-details-modal-wrapper .btn-clear {
min-height: 28px; min-height: 28px;
font-size: 1em; font-size: 14px;
border-color: $curious-blue; border-color: $curious-blue;
color: $curious-blue; color: $curious-blue;
border-radius: 2px; border-radius: 2px;
flex-basis: 100%; flex-basis: 100%;
width: 75%; width: 75%;
margin-top: 10px; margin-top: 17px;
margin-bottom: 10px; padding: 10px 22px;
padding: 10px; height: 44px;
width: 235px;
font-family: 'Montserrat Light';
} }
.account-details-modal-divider { .account-details-modal-divider {
width: 100%; width: 100%;
height: 1px; height: 1px;
margin: 10px 0; margin: 19px 0 8px 0;
background-color: $alto; background-color: $alto;
} }
@ -217,11 +229,11 @@
.account-details-modal-close::after { .account-details-modal-close::after {
content: '\00D7'; content: '\00D7';
font-size: 1.5em; font-size: 40px;
color: $alto; color: $dusty-gray;
position: absolute; position: absolute;
top: 5px; top: 10px;
right: 10px; right: 12px;
} }
// New Account Modal // New Account Modal

1
ui/app/css/itcss/settings/variables.scss
View File

@ -30,6 +30,7 @@ $concrete: #f3f3f3;
$tundora: #4d4d4d; $tundora: #4d4d4d;
$nile-blue: #1b344d; $nile-blue: #1b344d;
$scorpion: #5d5d5d; $scorpion: #5d5d5d;
$silver: #cdcdcd;
/* /*
Z-Indicies Z-Indicies