react-crud-mobile 1.3.361 → 1.3.363
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/UIElement.tsx +14 -2
package/package.json
CHANGED
|
@@ -784,11 +784,14 @@ elementStyle.view = {
|
|
|
784
784
|
width: '100%',
|
|
785
785
|
alignItems: 'normal',
|
|
786
786
|
flex: 1,
|
|
787
|
+
flexDirection: 'row',
|
|
788
|
+
justifyContent: 'space-between',
|
|
787
789
|
},
|
|
788
790
|
container: {
|
|
789
791
|
width: '100%',
|
|
790
792
|
backgroundColor: 'background',
|
|
791
793
|
flex: 1,
|
|
794
|
+
gap: 10,
|
|
792
795
|
},
|
|
793
796
|
root: {
|
|
794
797
|
width: '100%',
|
|
@@ -806,6 +809,7 @@ elementStyle.input = StyleSheet.create({
|
|
|
806
809
|
flex: 1,
|
|
807
810
|
width: '100%',
|
|
808
811
|
padding: 0,
|
|
812
|
+
gap: 10,
|
|
809
813
|
alignSelf: 'flex-start',
|
|
810
814
|
flexDirection: 'row',
|
|
811
815
|
flexWrap: 'wrap',
|
|
@@ -838,6 +842,7 @@ elementStyle.toggle = StyleSheet.create({
|
|
|
838
842
|
...box,
|
|
839
843
|
flex: 1,
|
|
840
844
|
width: '100%',
|
|
845
|
+
gap: 10,
|
|
841
846
|
borderRadius: 2,
|
|
842
847
|
justifyContent: 'center',
|
|
843
848
|
flexDirection: 'row',
|
|
@@ -848,6 +853,7 @@ elementStyle.toggle = StyleSheet.create({
|
|
|
848
853
|
|
|
849
854
|
const styles = StyleSheet.create({
|
|
850
855
|
root: {
|
|
856
|
+
gap: 5,
|
|
851
857
|
flexDirection: 'column',
|
|
852
858
|
flexWrap: 'wrap',
|
|
853
859
|
width: '100%',
|
|
@@ -859,11 +865,17 @@ const styles = StyleSheet.create({
|
|
|
859
865
|
paddingVertical: 3,
|
|
860
866
|
color: 'labelColor',
|
|
861
867
|
},
|
|
862
|
-
inner: {
|
|
868
|
+
inner: {
|
|
869
|
+
width: '100%',
|
|
870
|
+
flexDirection: 'row',
|
|
871
|
+
justifyContent: 'space-between',
|
|
872
|
+
},
|
|
863
873
|
});
|
|
864
874
|
|
|
865
875
|
const withChildStyles = StyleSheet.create({
|
|
866
|
-
root: {
|
|
876
|
+
root: {
|
|
877
|
+
gap: 10,
|
|
878
|
+
},
|
|
867
879
|
label: {
|
|
868
880
|
width: '100%',
|
|
869
881
|
fontWeight: 500,
|