react_hsbc_teller 0.5.8 → 0.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -115,6 +115,7 @@
115
115
  // border: 0px;
116
116
  outline: none;
117
117
  font-size: 17px;
118
+ padding: 0 5px;
118
119
  border: 1px #707070 solid;
119
120
  }
120
121
  .modalSpan{
@@ -154,6 +155,7 @@
154
155
  background: #f3f3f3;
155
156
  color: #333;
156
157
  border-radius: 0 4px 4px 4px;
158
+ text-align: left;
157
159
  // height: ~"calc(100vh - 130px)";
158
160
  // position: absolute;
159
161
  // z-index: 1;
@@ -216,8 +218,13 @@
216
218
  }
217
219
  .themeClass{
218
220
  position: absolute;
219
- top: 50%;
220
- left: 40%;
221
+ top: 0;
222
+ left: 0;
223
+ right: 0;
224
+ bottom: 0;
225
+ margin: auto;
226
+ width: 500px;
227
+ height: 150px;
221
228
  font-size: 22px;
222
229
  color: #222222;
223
230
  font-weight: 600;
@@ -225,6 +232,7 @@
225
232
  li{
226
233
  list-style: none;
227
234
  margin: 21px 0;
235
+ text-align: left;
228
236
  span{
229
237
  font-size: 20px;
230
238
  width: 143px;
@@ -381,33 +389,49 @@
381
389
  .radio i {
382
390
  display: block;
383
391
  position: absolute;
384
- top: 3px;
392
+ top: 50%;
385
393
  left: 2px;
386
- width: 15px;
387
- height: 15px;
394
+ width: 12px;
395
+ height: 12px;
396
+ transform: translateY(-50%);
388
397
  outline: 0;
389
398
  border: 1px solid rgb(133, 133, 133);
390
399
  background: transparent;
391
400
  border-radius: 50%;
392
401
  transition: border-color .3s;
393
402
  -webkit-transition: border-color .3s;
403
+ box-sizing: content-box;
394
404
  }
395
405
 
396
406
  .radio input+i:after {
397
407
  position: absolute;
398
408
  content: '';
399
- top: 1.5px;
400
- left: 1.5px;
401
- width: 10px;
402
- height: 10px;
409
+ top: 50%;
410
+ left: 50%;
411
+ transform: translate(-50%,-50%);
412
+ width: 50%;
413
+ height: 50%;
403
414
  border-radius: 50%;
404
415
  background-color: #269792;
405
- border: 1px solid #269792;
416
+ // border: 1px solid #269792;
406
417
  opacity: 0;
407
418
  transition: opacity .1s;
408
419
  -webkit-transition: opacity .1s;
420
+ box-sizing: content-box;
409
421
  }
410
422
 
411
423
  .radio input:checked+i:after {
412
424
  opacity: 1;
425
+ }
426
+ .errorClassInvitation{
427
+ width: 90%;
428
+ height: 50px;
429
+ margin: 50px 30px 0px;
430
+ background: #F9F2F3;
431
+ border: 1px #E5B2B5 solid;
432
+ img{
433
+ margin: 15px 20px;
434
+ width: 18px;
435
+ height: 18px;
436
+ }
413
437
  }