Wallet/src/sass/views/tab-receive.scss

97 lines
1.8 KiB
SCSS
Raw Normal View History

#tab-receive {
@extend .deflash-blue;
.button-share {
color: #fff;
box-shadow: none;
border-color: transparent;
background: transparent;
padding: 0 10px;
.icon:before {
font-size: 26px;
}
}
.button-request {
2017-05-24 14:30:52 -03:00
margin-top: 10px;
background: transparent;
border: none;
font-size: 12px;
color: $v-text-accent-color;
i.icon {
vertical-align: middle;
padding-left: 5px;
}
}
2017-05-24 12:51:58 -03:00
.button-address {
2017-05-24 14:30:52 -03:00
margin-top: 10px;
2017-05-24 12:51:58 -03:00
background: transparent;
border: none;
font-size: 12px;
color: $v-text-accent-color;
}
2017-05-03 16:25:27 -03:00
.address {
background: #fff;
2017-05-08 17:09:55 -03:00
overflow: auto;
height: 100%;
&-info {
2017-05-09 10:59:35 -03:00
padding-top: 22vh;
padding-bottom: 17vh;
@media(max-height: 800px) {
padding-top: 17vh;
}
@media(max-height: 700px) {
padding-top: 14vh;
}
@media(max-height: 600px) {
padding-top: 7vh;
}
2017-05-08 17:09:55 -03:00
text-align: center;
2017-05-03 16:25:27 -03:00
.address-label {
margin-top: 5%;
font-size: 13px;
}
2016-10-13 14:28:41 -04:00
}
2016-09-26 11:26:10 -03:00
.incomplete {
.title {
padding-top: 10%;
2016-09-26 11:26:10 -03:00
font-size: 25px;
color: #444;
2017-05-03 16:25:27 -03:00
text-align: center;
2016-09-26 11:26:10 -03:00
}
.subtitle {
padding: 20px;
color: #444;
margin-top: 10%;
2017-05-03 16:25:27 -03:00
text-align: center;
2016-09-26 11:26:10 -03:00
}
}
2016-09-07 13:49:08 -04:00
}
.backup {
position: absolute;
top: 0;
width: 100%;
cursor: pointer;
background-color: orange;
color: #fff;
2017-05-08 17:09:55 -03:00
text-align: center;
padding: 5px 0;
i {
2017-05-08 17:09:55 -03:00
margin: 0 10px;
}
}
.wallet-selector {
position: absolute;
bottom: 0;
width: 100%;
}
.payment-received-container {
margin: 0 20px;
.payment-received-amount {
font-size: 1.8em;
display: block;
margin: 20px auto;
}
.payment-received-currency {
text-transform: uppercase;
}
}
}