Update: Styles signature page
This commit is contained in:
Sam Cheng Hung
parent
52d0616105
commit
4174623651
3 changed files with 107 additions and 31 deletions
|
|
@ -6,3 +6,10 @@
|
|||
padding-top: 15px !important;
|
||||
font-size: 24px !important;
|
||||
}
|
||||
|
||||
textarea {
|
||||
&.d-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
129
www/css/main.css
129
www/css/main.css
|
|
@ -10160,6 +10160,10 @@ ion-view.deflash-blue:before, ion-view#view-amount:before, ion-view#view-confirm
|
|||
padding-top: 15px !important;
|
||||
font-size: 24px !important; }
|
||||
|
||||
textarea.d-block {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
|
||||
.center-block {
|
||||
float: none;
|
||||
margin: 0 auto; }
|
||||
|
|
@ -13664,28 +13668,101 @@ slide-to-accept-success {
|
|||
*/ }
|
||||
#txp-details .item-note,
|
||||
#view-confirm .item-note {
|
||||
(??) word-break: keep-all; }
|
||||
(??)
|
||||
(??)#txp-details .info span,
|
||||
(??)#view-confirm .info span {
|
||||
(??) display: block; }
|
||||
(??)
|
||||
(??)#txp-details .info .badge,
|
||||
(??)#view-confirm .info .badge {
|
||||
(??) border-radius: 0;
|
||||
(??) padding: .5rem; }
|
||||
(??)
|
||||
(??)#txp-details .info .item,
|
||||
(??)#view-confirm .info .item {
|
||||
(??) color: #4A4A4A;
|
||||
(??) padding-top: 10px;
|
||||
(??) padding-bottom: 10px;
|
||||
(??) padding-left: 20px; }
|
||||
(??) #txp-details .info .item:not(.item-icon-right),
|
||||
(??) #view-confirm .info .item:not(.item-icon-right) {
|
||||
(??) padding-right: 20px; }
|
||||
(??) #txp-details .info .item .label,
|
||||
(??) #view-confirm .info .item .label {
|
||||
float: none; }
|
||||
#txp-details .item-note .fee-rate,
|
||||
#view-confirm .item-note .fee-rate {
|
||||
display: inline-block; }
|
||||
#txp-details .list,
|
||||
#view-confirm .list {
|
||||
background: #f5f5f5; }
|
||||
#txp-details .add-bottom-for-cta,
|
||||
#view-confirm .add-bottom-for-cta {
|
||||
bottom: 92px; }
|
||||
#txp-details .head,
|
||||
#view-confirm .head {
|
||||
padding: 30px 20px 3rem;
|
||||
border-top: 0; }
|
||||
#txp-details .head .sending-label,
|
||||
#view-confirm .head .sending-label {
|
||||
display: flex;
|
||||
font-size: 18px;
|
||||
align-items: center;
|
||||
margin-bottom: 1.5rem; }
|
||||
#txp-details .head .sending-label img,
|
||||
#view-confirm .head .sending-label img {
|
||||
margin-right: 1rem;
|
||||
height: 35px;
|
||||
width: 35px; }
|
||||
#txp-details .head .amount-label,
|
||||
#view-confirm .head .amount-label {
|
||||
line-height: 30px; }
|
||||
#txp-details .head .amount-label .amount,
|
||||
#view-confirm .head .amount-label .amount {
|
||||
font-size: 38px;
|
||||
margin-bottom: .5rem; }
|
||||
#txp-details .head .amount-label .amount > .unit,
|
||||
#view-confirm .head .amount-label .amount > .unit {
|
||||
font-family: "Roboto-Light"; }
|
||||
#txp-details .head .amount-label .alternative,
|
||||
#view-confirm .head .amount-label .alternative {
|
||||
font-size: 16px;
|
||||
font-family: "Roboto-Light";
|
||||
color: #9B9B9B; }
|
||||
#txp-details .item,
|
||||
#view-confirm .item {
|
||||
border-color: #EFEFEF; }
|
||||
#txp-details .item-note,
|
||||
#view-confirm .item-note {
|
||||
word-break: keep-all; }
|
||||
#txp-details .info span,
|
||||
#view-confirm .info span {
|
||||
display: inline-block; }
|
||||
#txp-details .info .badge,
|
||||
#view-confirm .info .badge {
|
||||
border-radius: 0;
|
||||
padding: .5rem; }
|
||||
#txp-details .info .item,
|
||||
#view-confirm .info .item {
|
||||
color: #4A4A4A;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 20px; }
|
||||
#txp-details .info .item:not(.item-icon-right),
|
||||
#view-confirm .info .item:not(.item-icon-right) {
|
||||
padding-right: 20px; }
|
||||
#txp-details .info .item .label,
|
||||
#view-confirm .info .item .label {
|
||||
font-size: 14px;
|
||||
color: #6C6C6E;
|
||||
margin-bottom: 8px; }
|
||||
#txp-details .info .item.single-line,
|
||||
#view-confirm .info .item.single-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 17px;
|
||||
padding-bottom: 17px; }
|
||||
#txp-details .info .item.single-line .label,
|
||||
#view-confirm .info .item.single-line .label {
|
||||
margin: 0;
|
||||
flex-grow: 1; }
|
||||
#txp-details .info .item.low-fees,
|
||||
#view-confirm .info .item.low-fees {
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
align-items: center; }
|
||||
#txp-details .info .item.low-fees i,
|
||||
#view-confirm .info .item.low-fees i {
|
||||
padding-right: 20px; }
|
||||
#txp-details .info .item.low-fees span,
|
||||
#view-confirm .info .item.low-fees span {
|
||||
display: inline; }
|
||||
#txp-details .info .toggle-unconfirmed,
|
||||
#view-confirm .info .toggle-unconfirmed {
|
||||
padding-bottom: 15px; }
|
||||
#txp-details .info .toggle-label,
|
||||
#view-confirm .info .toggle-label {
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
color: #6C6C6E; }
|
||||
#txp-details .info .item-divider,
|
||||
|
|
@ -13859,14 +13936,6 @@ slide-to-accept-success {
|
|||
#view-confirm .label.align-items-center {
|
||||
align-items: center; }
|
||||
|
||||
#txp-details .button-address,
|
||||
#view-confirm .button-address {
|
||||
margin-top: 10px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-size: 12px;
|
||||
color: #aaa; }
|
||||
|
||||
#tx-status .popup-txsent {
|
||||
font-size: 5rem;
|
||||
color: #4A90E2; }
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
</div>
|
||||
<div class="item">
|
||||
<span class="item-heading">Message To Sign</span>
|
||||
<textarea type="text" placeholder="Message" ng-model="message.value"></textarea>
|
||||
<textarea elastic class="d-block" placeholder="Message" ng-model="message.value"></textarea>
|
||||
</div>
|
||||
<div class="item">
|
||||
<button class="button button-full button-primary" ng-click="signMessage()">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue