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

Add an additional font-size breakpoint for buy modal on the largest screens

Browse Source
This commit is contained in:
sdtsui 2017-08-08 18:12:50 -07:00
parent 3072d2d178
commit eab5718a40
2 changed files with 20 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

@ -160,7 +160,7 @@ App.prototype.renderGlobalModal = function() {
]), ]),
h('div.modal-content-option', {}, [ h('div.modal-content-option', {}, [
h('div.modal-content-option-title', {}, 'Coinbase'), h('div.modal-content-option-title', {}, 'Direct Deposit'),
h('div.modal-content-option-subtitle', {}, 'Deposit from another account'), h('div.modal-content-option-subtitle', {}, 'Deposit from another account'),
]), ]),

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

@ -87,11 +87,29 @@
div.modal-content-option-title { div.modal-content-option-title {
font-size: 20px; font-size: 20px;
@media screen and (max-width: 679px) {
font-size: 14px;
}
@media screen and (min-width: 1281px) {
font-size: 26px;
}
} }
div.modal-content-option-subtitle { div.modal-content-option-subtitle {
font-size: 16px; font-size: 16px;
padding: 0px 20px; padding: 0px 10px;
height: 25%;
@media screen and (max-width: 679px) {
font-size: 10px;
}
@media screen and (min-width: 1281px) {
font-size: 20px;
}
} }
div.modal-content-footer { div.modal-content-footer {