fln-espranza 0.0.50 → 0.0.51
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/components/EButton.tsx +7 -9
- package/components/ModalLayout.tsx +12 -11
- package/package.json +1 -1
package/components/EButton.tsx
CHANGED
|
@@ -38,13 +38,12 @@ export default function EButton({
|
|
|
38
38
|
>
|
|
39
39
|
<View
|
|
40
40
|
style={[
|
|
41
|
-
tw`flex-row justify-center items-center rounded-full border-2 border-black/5 ${small ? 'h-11 px-6' : 'h-14 px-8'} ${disabled ? "opacity-40" : ""} ${
|
|
42
|
-
type === "clear"
|
|
41
|
+
tw`flex-row justify-center items-center rounded-full border-2 border-black/5 ${small ? 'h-11 px-6' : 'h-14 px-8'} ${disabled ? "opacity-40" : ""} ${type === "clear"
|
|
43
42
|
? "bg-transparent "
|
|
44
43
|
: type === "secondary"
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
? `bg-[${Colors["secondary-base"]}] self-start px-6 h-11`
|
|
45
|
+
: `bg-[${Colors["primary-base"]}] shadow shadow-[${Colors["primary-base"]}]`
|
|
46
|
+
}`,
|
|
48
47
|
]}
|
|
49
48
|
>
|
|
50
49
|
{/* ICON LEFT */}
|
|
@@ -52,12 +51,11 @@ export default function EButton({
|
|
|
52
51
|
{/* LABEL */}
|
|
53
52
|
<EText
|
|
54
53
|
style={[
|
|
55
|
-
tw`font-semibold ${
|
|
56
|
-
|
|
57
|
-
}`,
|
|
54
|
+
tw`font-semibold ${small ? `text-sm` : ''} ${type === "clear" ? `text-[${Colors["primary-base"]}]` : "text-white"
|
|
55
|
+
}`,
|
|
58
56
|
]}
|
|
59
57
|
>
|
|
60
|
-
{children
|
|
58
|
+
{children}
|
|
61
59
|
</EText>
|
|
62
60
|
|
|
63
61
|
{/* ICON RIGHT */}
|
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
Dimensions,
|
|
4
|
-
ScrollView,
|
|
5
|
-
Platform,
|
|
6
|
-
} from "react-native";
|
|
7
|
-
import React, { } from "react";
|
|
1
|
+
import { View, Dimensions, ScrollView, Platform } from "react-native";
|
|
2
|
+
import React from "react";
|
|
8
3
|
import Constants from "expo-constants";
|
|
9
4
|
import tw from "../lib/tailwind";
|
|
10
5
|
import EButtonIcon from "./EButtonIcon";
|
|
@@ -44,7 +39,9 @@ export default function ModalLayout({
|
|
|
44
39
|
{/* HEADER */}
|
|
45
40
|
<View
|
|
46
41
|
style={[
|
|
47
|
-
tw`absolute top-0 right-0 left-0 px-6 pr-3 pt-2 z-10 w-full bg-white ${
|
|
42
|
+
tw`absolute top-0 right-0 left-0 px-6 pr-3 pt-2 z-10 w-full bg-white ${
|
|
43
|
+
title ? "pb-2 shadow-md" : "pb-0"
|
|
44
|
+
}`,
|
|
48
45
|
// {height: 64},
|
|
49
46
|
]}
|
|
50
47
|
>
|
|
@@ -73,9 +70,13 @@ export default function ModalLayout({
|
|
|
73
70
|
>
|
|
74
71
|
{children}
|
|
75
72
|
</ScrollView>
|
|
76
|
-
{bottomButton ?
|
|
77
|
-
{
|
|
78
|
-
|
|
73
|
+
{bottomButton ? (
|
|
74
|
+
<View style={tw` px-6 mb-4 pt-2 border-t border-slate-300`}>
|
|
75
|
+
{bottomButton}
|
|
76
|
+
</View>
|
|
77
|
+
) : (
|
|
78
|
+
<></>
|
|
79
|
+
)}
|
|
79
80
|
</View>
|
|
80
81
|
);
|
|
81
82
|
}
|