react-crud-mobile 1.0.892 → 1.0.894
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/react-crud-mobile.cjs.development.js +13 -4
- package/dist/react-crud-mobile.cjs.development.js.map +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
- package/dist/react-crud-mobile.esm.js +13 -4
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/elements/core/UIButton.tsx +9 -3
|
@@ -390,6 +390,7 @@ function UIButton(props) {
|
|
|
390
390
|
var color = element.color;
|
|
391
391
|
var label = element.label;
|
|
392
392
|
var icon = element.icon;
|
|
393
|
+
//ajuste align v1
|
|
393
394
|
if (!color) color = 'primaryLight';
|
|
394
395
|
var styles = {
|
|
395
396
|
buttonLabel: {
|
|
@@ -431,17 +432,25 @@ function UIButton(props) {
|
|
|
431
432
|
css.fontSize = 12;
|
|
432
433
|
css.fontWeight = 400;
|
|
433
434
|
}
|
|
434
|
-
if (align === '
|
|
435
|
+
if (align === 'left') {
|
|
435
436
|
css.justifyContent = 'flex-start';
|
|
437
|
+
css.padding = 10;
|
|
436
438
|
}
|
|
437
439
|
return css;
|
|
438
440
|
};
|
|
439
441
|
var extra = {};
|
|
440
442
|
if (icon) {
|
|
441
443
|
extra.button = {
|
|
442
|
-
|
|
443
|
-
|
|
444
|
+
height: 40,
|
|
445
|
+
paddingBottom: 0,
|
|
446
|
+
paddingTop: 0
|
|
444
447
|
};
|
|
448
|
+
if (!label) {
|
|
449
|
+
extra.button = _extends({}, extra.button, {
|
|
450
|
+
paddingLeft: 0,
|
|
451
|
+
paddingRight: 0
|
|
452
|
+
});
|
|
453
|
+
}
|
|
445
454
|
} else {
|
|
446
455
|
extra.button = {
|
|
447
456
|
height: 50
|
|
@@ -462,7 +471,7 @@ function UIButton(props) {
|
|
|
462
471
|
if (size) {
|
|
463
472
|
css = _extends({}, css, BUTTONS_SIZE[size]);
|
|
464
473
|
}
|
|
465
|
-
if (align === '
|
|
474
|
+
if (align === 'left') {
|
|
466
475
|
css.justifyContent = 'flex-start';
|
|
467
476
|
}
|
|
468
477
|
return css;
|