|
1 | 1 | <template> |
2 | 2 | <section> |
3 | | - <section class="full-panel inner center-fold limited"> |
| 3 | + <section class="full-panel inner center-fold limited whitelist"> |
4 | 4 | <section> |
5 | 5 | <section class="head"> |
6 | | - <figure class="title">{{locale(langKeys.POPINS.FULLSCREEN.WHITELISTING.Title)}}</figure> |
| 6 | + <!--<figure class="title">{{locale(langKeys.POPINS.FULLSCREEN.WHITELISTING.Title)}}</figure>--> |
7 | 7 | <p> |
8 | 8 | {{locale(langKeys.POPINS.FULLSCREEN.WHITELISTING.Desc)}} |
9 | 9 | </p> |
|
19 | 19 | <br> |
20 | 20 |
|
21 | 21 | <section class="mock-props"> |
22 | | - <label>Amount <b class="red">( {{locale(langKeys.POPINS.FULLSCREEN.WHITELISTING.MutableProp)}} )</b></label> |
| 22 | + <label>amount <b class="red">({{locale(langKeys.POPINS.FULLSCREEN.WHITELISTING.MutableProp)}})</b></label> |
23 | 23 | <section class="split-inputs"> |
24 | 24 | <input checked disabled="true" type="checkbox" /> |
25 | 25 | <figure class="value">1 TOKENS</figure> |
26 | 26 | </section> |
27 | 27 | </section> |
28 | 28 |
|
29 | 29 | <section class="mock-props"> |
30 | | - <label>Recipient <b class="red">( {{locale(langKeys.POPINS.FULLSCREEN.WHITELISTING.ImmutableProp)}} )</b></label> |
| 30 | + <label>recipient <b class="red">({{locale(langKeys.POPINS.FULLSCREEN.WHITELISTING.ImmutableProp)}})</b></label> |
31 | 31 | <section class="split-inputs"> |
32 | 32 | <input disabled="true" type="checkbox" /> |
33 | 33 | <figure class="value">xxxxxxxxxxxxx</figure> |
|
39 | 39 | </section> |
40 | 40 |
|
41 | 41 | <section class="action-bar short bottom centered"> |
42 | | - <btn :text="locale(langKeys.GENERIC.Deny)" red="1" v-on:clicked="returnResult(false)" /> |
43 | | - <btn :text="locale(langKeys.GENERIC.Confirm)" blue="1" v-on:clicked="returnResult(true)" /> |
| 42 | + <btn :text="locale(langKeys.GENERIC.Back)" v-on:clicked="returnResult(false)" /> |
| 43 | + <btn :text="locale(langKeys.GENERIC.Enable)" blue="1" v-on:clicked="returnResult(true)" /> |
44 | 44 | </section> |
45 | 45 | </section> |
46 | 46 | </section> |
|
94 | 94 | border:1px solid rgba(0,0,0,0.1); |
95 | 95 | border-radius:4px; |
96 | 96 | margin-bottom:5px; |
| 97 | + background:#fff; |
| 98 | + color:$dark-grey; |
97 | 99 |
|
98 | 100 | input { |
99 | 101 | width:20px; |
|
108 | 110 | } |
109 | 111 | } |
110 | 112 |
|
| 113 | + .whitelist { |
| 114 | + background:$reverse-gradient; |
| 115 | + color:#fff; |
| 116 | + } |
| 117 | +
|
| 118 | + .head { |
| 119 | + p { |
| 120 | + color:rgba(255,255,255,0.65); |
| 121 | + font-size: 13px; |
| 122 | + } |
| 123 | + } |
| 124 | +
|
111 | 125 | .action-bar { |
112 | 126 | button { |
113 | 127 | width:auto; |
|
0 commit comments