powr-sdk-web 1.9.2 → 1.9.4
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.
- package/dist/auth/index.js +22 -7
- package/package.json +1 -1
package/dist/auth/index.js
CHANGED
|
@@ -232,7 +232,9 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
232
232
|
style: styles.card
|
|
233
233
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
234
234
|
style: styles.header
|
|
235
|
-
}, /*#__PURE__*/_react["default"].createElement("div",
|
|
235
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
236
|
+
style: styles.logoContainer
|
|
237
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
236
238
|
src: appLogo,
|
|
237
239
|
alt: "".concat(appName, " Logo"),
|
|
238
240
|
style: styles.logoImage
|
|
@@ -398,11 +400,16 @@ var styles = {
|
|
|
398
400
|
justifyContent: 'center',
|
|
399
401
|
color: 'white'
|
|
400
402
|
},
|
|
403
|
+
logoContainer: {
|
|
404
|
+
display: 'flex',
|
|
405
|
+
justifyContent: 'center',
|
|
406
|
+
alignItems: 'center',
|
|
407
|
+
marginBottom: '16px'
|
|
408
|
+
},
|
|
401
409
|
logoImage: {
|
|
402
410
|
width: '80px',
|
|
403
411
|
height: '80px',
|
|
404
|
-
objectFit: 'contain'
|
|
405
|
-
padding: '0 0 16px 0'
|
|
412
|
+
objectFit: 'contain'
|
|
406
413
|
},
|
|
407
414
|
title: {
|
|
408
415
|
fontSize: '32px',
|
|
@@ -448,7 +455,8 @@ var styles = {
|
|
|
448
455
|
transition: 'border-color 0.2s ease, box-shadow 0.2s ease',
|
|
449
456
|
background: '#fff',
|
|
450
457
|
boxSizing: 'border-box',
|
|
451
|
-
outline: 'none'
|
|
458
|
+
outline: 'none',
|
|
459
|
+
height: '48px'
|
|
452
460
|
},
|
|
453
461
|
inputFocus: {
|
|
454
462
|
borderColor: '#667eea',
|
|
@@ -571,14 +579,20 @@ var styles = {
|
|
|
571
579
|
passwordContainer: {
|
|
572
580
|
position: 'relative',
|
|
573
581
|
display: 'flex',
|
|
574
|
-
alignItems: 'center'
|
|
582
|
+
alignItems: 'center',
|
|
583
|
+
width: '100%',
|
|
584
|
+
minHeight: '48px'
|
|
575
585
|
},
|
|
576
586
|
passwordInput: {
|
|
577
|
-
paddingRight: '45px'
|
|
587
|
+
paddingRight: '45px',
|
|
588
|
+
width: '100%',
|
|
589
|
+
boxSizing: 'border-box'
|
|
578
590
|
},
|
|
579
591
|
eyeButton: {
|
|
580
592
|
position: 'absolute',
|
|
581
593
|
right: '12px',
|
|
594
|
+
top: '50%',
|
|
595
|
+
transform: 'translateY(-50%)',
|
|
582
596
|
background: 'none',
|
|
583
597
|
border: 'none',
|
|
584
598
|
cursor: 'pointer',
|
|
@@ -587,7 +601,8 @@ var styles = {
|
|
|
587
601
|
alignItems: 'center',
|
|
588
602
|
justifyContent: 'center',
|
|
589
603
|
color: '#9ca3af',
|
|
590
|
-
transition: 'color 0.2s ease'
|
|
604
|
+
transition: 'color 0.2s ease',
|
|
605
|
+
zIndex: 1
|
|
591
606
|
},
|
|
592
607
|
eyeIcon: {
|
|
593
608
|
width: '20px',
|