aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/components/onboarding/RegistrationWizard.tsx22
-rw-r--r--src/routes/main/MainStackScreen.tsx16
2 files changed, 2 insertions, 36 deletions
diff --git a/src/components/onboarding/RegistrationWizard.tsx b/src/components/onboarding/RegistrationWizard.tsx
index 437e7cfb..3c6ca80e 100644
--- a/src/components/onboarding/RegistrationWizard.tsx
+++ b/src/components/onboarding/RegistrationWizard.tsx
@@ -37,16 +37,6 @@ const RegistrationWizard = (props: RegistrationWizardProps) => {
<View
style={props.step === 'three' ? stepActiveStyle : stepStyle}
/>
- <View style={styles.progress} />
- <View style={props.step === 'four' ? stepActiveStyle : stepStyle} />
- <View style={styles.progress} />
- <View style={props.step === 'five' ? stepActiveStyle : stepStyle} />
- <View style={styles.progress} />
- <View style={props.step === 'six' ? stepActiveStyle : stepStyle} />
- <View style={styles.progress} />
- <View
- style={props.step === 'seven' ? stepActiveStyle : stepStyle}
- />
</View>
</Animatable.View>
)}
@@ -60,16 +50,6 @@ const RegistrationWizard = (props: RegistrationWizardProps) => {
<View
style={props.step === 'three' ? stepActiveStyle : stepStyle}
/>
- <View style={styles.progress} />
- <View style={props.step === 'four' ? stepActiveStyle : stepStyle} />
- <View style={styles.progress} />
- <View style={props.step === 'five' ? stepActiveStyle : stepStyle} />
- <View style={styles.progress} />
- <View style={props.step === 'six' ? stepActiveStyle : stepStyle} />
- <View style={styles.progress} />
- <View
- style={props.step === 'seven' ? stepActiveStyle : stepStyle}
- />
</View>
</Animatable.View>
)}
@@ -94,7 +74,7 @@ const styles = StyleSheet.create({
backgroundColor: '#e1f0ff',
},
progress: {
- width: '10%',
+ width: '35%',
height: 2,
backgroundColor: '#e1f0ff',
},
diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index acf0cd28..04f73985 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -80,20 +80,6 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
}
})();
- const modalStyle: StackNavigationOptions = {
- cardStyle: {backgroundColor: 'rgba(80,80,80,0.9)'},
- gestureDirection: 'vertical',
- cardOverlayEnabled: true,
- cardStyleInterpolator: ({current: {progress}}) => ({
- cardStyle: {
- opacity: progress.interpolate({
- inputRange: [0, 0.5, 0.9, 1],
- outputRange: [0, 0.25, 0.7, 1],
- }),
- },
- }),
- };
-
const tutorialModalStyle: StackNavigationOptions = {
cardStyle: {backgroundColor: 'rgba(0, 0, 0, 0.5)'},
gestureDirection: 'vertical',
@@ -263,7 +249,7 @@ export const headerBarOptions: (
),
});
-const modalStyle: StackNavigationOptions = {
+export const modalStyle: StackNavigationOptions = {
cardStyle: {backgroundColor: 'rgba(80,80,80,0.6)'},
gestureDirection: 'vertical',
cardOverlayEnabled: true,