verfify screen start

2025-06-25 17:33:46 +05:30
parent 2d901a407a
commit 9873a3844d
5 changed files with 133 additions and 34 deletions
@@ -0,0 +1,66 @@
+import { StyleSheet } from 'react-native';
+
+import { GlobalTheme, Screen } from '../../../theme';
+
+export const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        // backgroundColor: GlobalTheme.colors.white,
+        paddingHorizontal: 10,
+    },
+    logoContainer: {
+        alignItems: 'center',
+    },
+    appLogo: {
+        height: 200,
+        width: 200,
+        resizeMode: 'contain',
+    },
+    titleContainer: {
+        alignSelf: 'center',
+        // marginTop: 15,
+    },
+    titleText: {
+        fontSize: 25,
+        fontWeight: 'bold',
+        color: GlobalTheme.colors.black,
+    },
+    btnbg: {
+        backgroundColor: GlobalTheme.colors.secondary, borderRadius: GlobalTheme.borderRadius.md
+    },
+    btntext: {
+        color: GlobalTheme.colors.white,
+        fontSize: GlobalTheme.typography.fontSize.medium
+    },
+    otp_inputStyle: {
+        textAlign: 'center',
+        backgroundColor: 'red',
+        width: ((Screen.screenWidth('80%') / 4) - 30),
+        borderRadius: 4,
+        paddingVertical: 10,
+        paddingHorizontal: 15,
+        height: 50,
+        color: 'red',
+        marginBottom: 10,
+        marginRight: 10,
+        fontSize: 25,
+
+    },
+    verify_otp_inputStyle: {
+        textAlign: 'center',
+        backgroundColor: PageTheme.$secondary_color_light,
+        width: ((Screen.screenWidth('80%') / 4) - 30),
+        borderRadius: 4,
+        paddingVertical: 10,
+        paddingHorizontal: 15,
+        height: 48,
+        color: 'red',
+        marginBottom: 10,
+        marginRight: 8,
+        fontSize: 22,
+    },
+    otp_field: {
+        flexDirection: 'row',
+    },
+
+});