Fixed Native Failure

andrew-bierman · Sep 13, 2024 · ab5cc60 · ab5cc60
1 parent cd89662
commit ab5cc60
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/packages/app/components/landing_page/Pricing.tsx b/packages/app/components/landing_page/Pricing.tsx
@@ -29,12 +29,12 @@ export const Pricing = () => {
           </RText>
         </View>
         <View style={styles.card}>
-          <View style={{ width: '100%', fontSize: 18, textAlign: 'left' }}>
+          <RText style={{ width: '100%', fontSize: 18, textAlign: 'left', borderWidth: 1, borderColor: 'white', color: currentTheme.colors.background }}>
             Free Access
-          </View>
-          <View style={{ width: '100%', fontSize: 25, textAlign: 'left' }}>
+          </RText>
+          <RText style={{ width: '100%', fontSize: 25, textAlign: 'left', borderWidth: 1, borderColor: 'white', color: currentTheme.colors.background }}>
             $0
-          </View>
+          </RText>
           <View style={{ width: '100%' }}>
             <RButton
               style={{
@@ -100,6 +100,7 @@ const loadStyles = (currentTheme, xs, sm, md) => {
 
     },
     card: {
+      flex: 1,
       flexDirection: 'column',
       alignItems: 'center',
       justifyContent: 'center',

diff --git a/packages/app/components/landing_page/landingpage.style.tsx b/packages/app/components/landing_page/landingpage.style.tsx
@@ -44,11 +44,12 @@ const loadStyles = (theme) => {
       justifyContent: 'center',
     },
     featureImage: {
-      zIndex: 100,
+      zIndex: 2,
       width: xs ? '100%' : 'auto',
       mixBlendMode: 'multiply',
       justifyContent: 'center',
       alignItems: 'center',
+
       // filter: "brightness(100) invert(0)",
       // width: 259,
       // height: 530,
@@ -58,20 +59,21 @@ const loadStyles = (theme) => {
       width: xs || sm || md ? 162 : 215,
       height: xs || sm || md ? 340 : 410,
       position: 'absolute',
-      zIndex: '-1',
+      zIndex: 0,
       right: 120,
     },
     featureCenterImage: {
       backgroundColor: 'transparent',
       width: xs || sm || md ? 220 : 259,
       height: xs || sm || md ? 450 : 530,
+      zIndex: 1,
     },
     featureRightImage: {
       backgroundColor: 'transparent',
       width: xs || sm || md ?  162 : 215,
       height: xs || sm || md ? 340 : 410,
       position: 'absolute',
-      zIndex: '-1',
+      zIndex: 0,
       left: 120,
     },
     overlay: {