2016-09-08 11:20:43 -04:00
|
|
|
#tab-send {
|
2016-11-17 17:50:15 -05:00
|
|
|
@extend .deflash-blue;
|
2016-11-24 16:17:01 -03:00
|
|
|
.input {
|
|
|
|
|
input {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
&.item {
|
|
|
|
|
height: 55px;
|
|
|
|
|
}
|
|
|
|
|
i {
|
|
|
|
|
&.left {
|
|
|
|
|
padding-left: 15px;
|
|
|
|
|
}
|
|
|
|
|
&.qr {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
cursor: hand;
|
|
|
|
|
padding-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2016-11-21 12:00:18 -03:00
|
|
|
}
|
|
|
|
|
.qr-scan-icon {
|
2016-10-26 15:54:29 -03:00
|
|
|
cursor: pointer;
|
2016-11-21 12:00:18 -03:00
|
|
|
cursor: hand;
|
|
|
|
|
border-left: 1px solid rgb(228, 228, 228);
|
|
|
|
|
padding-left: 10px;
|
2016-10-26 15:54:29 -03:00
|
|
|
}
|
|
|
|
|
.qr-icon {
|
2016-11-24 16:17:01 -03:00
|
|
|
line-height: 20px;
|
2016-10-26 15:54:29 -03:00
|
|
|
}
|
2016-10-11 16:36:01 -04:00
|
|
|
.zero-state-cta {
|
|
|
|
|
padding-bottom: 3vh;
|
2016-12-08 09:13:08 -03:00
|
|
|
left: 0;
|
2016-10-11 16:36:01 -04:00
|
|
|
}
|
2016-10-11 15:27:25 -04:00
|
|
|
.send-heading {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: bold;
|
2017-06-08 17:43:06 -04:00
|
|
|
padding: 0 0 16px 0;
|
|
|
|
|
border: none;
|
2016-10-11 15:27:25 -04:00
|
|
|
}
|
2017-06-08 17:43:06 -04:00
|
|
|
.send-header-wrapper {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
box-shadow: 0px 5px 10px 0px #cccccc;
|
|
|
|
|
}
|
|
|
|
|
.search-wrapper {
|
|
|
|
|
background-color: #f2f2f2;
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
border: none;
|
|
|
|
|
.svg#Bitcoin_Symbol {
|
|
|
|
|
width: 14px;
|
|
|
|
|
.st0 {
|
|
|
|
|
fill: #cccccc;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.focus {
|
|
|
|
|
background: none;
|
|
|
|
|
.svg#Bitcoin_Symbol {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.search-input {
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
&:focus::-webkit-input-placeholder {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.abs-v-center {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
}
|
|
|
|
|
.search-input {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
padding-left: 30px;
|
|
|
|
|
}
|
|
|
|
|
.separator-left {
|
|
|
|
|
border-left: 1px solid #d9d9df;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
height: 70%;
|
|
|
|
|
}
|
2016-09-08 11:20:43 -04:00
|
|
|
.bitcoin-address {
|
2016-10-11 15:27:25 -04:00
|
|
|
border-top: none;
|
|
|
|
|
padding-bottom: .5rem;
|
2016-09-08 11:20:43 -04:00
|
|
|
@media(max-width: 480px) {
|
|
|
|
|
input {
|
2016-10-21 03:48:41 -04:00
|
|
|
font-size: 14px;
|
2016-09-08 11:20:43 -04:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.icon {
|
|
|
|
|
line-height: 31px;
|
|
|
|
|
padding-top: 2px;
|
|
|
|
|
padding-bottom: 1px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2016-09-27 12:26:58 -03:00
|
|
|
.show-more {
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #387ef5;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2017-02-21 11:33:31 -05:00
|
|
|
.sendTip {
|
|
|
|
|
text-align: center;
|
|
|
|
|
& > .item-heading {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
background: 0 none;
|
|
|
|
|
}
|
2017-02-23 16:46:41 -05:00
|
|
|
img {
|
|
|
|
|
content: $v-tab-send-selected-icon;
|
|
|
|
|
}
|
2017-02-21 11:33:31 -05:00
|
|
|
.item {
|
|
|
|
|
border-style: none;
|
|
|
|
|
}
|
|
|
|
|
& > .title {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-weight: bold;
|
2017-02-23 16:46:41 -05:00
|
|
|
color: $v-dark-gray;
|
2017-02-21 11:33:31 -05:00
|
|
|
margin: 20px 10px;
|
|
|
|
|
}
|
|
|
|
|
& > .subtitle {
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
line-height: 1.5em;
|
|
|
|
|
font-weight: 300;
|
2017-02-23 16:46:41 -05:00
|
|
|
color: $v-dark-gray;
|
2017-02-21 11:33:31 -05:00
|
|
|
margin: 20px 1em 2.5em;
|
|
|
|
|
}
|
|
|
|
|
.big-icon-svg{
|
|
|
|
|
.bg.green{
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2016-10-03 14:16:15 -04:00
|
|
|
.list {
|
|
|
|
|
.item {
|
|
|
|
|
color: #444;
|
|
|
|
|
border-top: none;
|
|
|
|
|
padding-top: 1.5rem;
|
|
|
|
|
padding-bottom: 1.5rem;
|
|
|
|
|
.big-icon-svg {
|
|
|
|
|
left:5px;
|
|
|
|
|
& > .bg{
|
|
|
|
|
width:30px;
|
|
|
|
|
height:30px;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&:before {
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 80%;
|
|
|
|
|
height: 1px;
|
|
|
|
|
background: rgba(221, 221, 221, 0.3);
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
content: '';
|
|
|
|
|
}
|
|
|
|
|
&.item-divider {
|
|
|
|
|
color: rgba(74, 74, 74, .8);
|
|
|
|
|
}
|
|
|
|
|
&.item-heading {
|
|
|
|
|
&:before {
|
|
|
|
|
top: 99%;
|
|
|
|
|
width:100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&:nth-child(2) {
|
|
|
|
|
&:before {
|
|
|
|
|
width: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.item-note {
|
|
|
|
|
color: rgb(58, 58, 58);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2016-10-26 13:28:08 -04:00
|
|
|
.scroll{height: 100%;}
|
2016-09-08 11:20:43 -04:00
|
|
|
}
|