71 lines
1.3 KiB
TypeScript
71 lines
1.3 KiB
TypeScript
import { StyleSheet } from 'react-native';
|
|
|
|
export const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
backgroundColor: '#f8fafc',
|
|
justifyContent: 'center',
|
|
paddingHorizontal: 24,
|
|
},
|
|
card: {
|
|
backgroundColor: '#ffffff',
|
|
borderRadius: 24,
|
|
paddingVertical: 40,
|
|
paddingHorizontal: 24,
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 4 },
|
|
shadowOpacity: 0.05,
|
|
shadowRadius: 12,
|
|
elevation: 4,
|
|
borderWidth: 1,
|
|
borderColor: '#f1f5f9',
|
|
},
|
|
headerContainer: {
|
|
alignItems: 'center',
|
|
marginBottom: 32,
|
|
},
|
|
title: {
|
|
fontSize: 28,
|
|
fontWeight: '800',
|
|
color: '#1e293b',
|
|
marginBottom: 12,
|
|
letterSpacing: -0.5,
|
|
},
|
|
subtitle: {
|
|
fontSize: 14,
|
|
color: '#94a3b8',
|
|
textAlign: 'center',
|
|
lineHeight: 20,
|
|
paddingHorizontal: 16,
|
|
},
|
|
rowContainer: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
marginTop: 8,
|
|
marginBottom: 24,
|
|
},
|
|
forgotPasswordText: {
|
|
color: '#cd9355',
|
|
fontWeight: '600',
|
|
fontSize: 14,
|
|
},
|
|
footerContainer: {
|
|
marginTop: 24,
|
|
alignItems: 'center',
|
|
},
|
|
divider: {
|
|
height: 1,
|
|
backgroundColor: '#f1f5f9',
|
|
width: '100%',
|
|
marginVertical: 24,
|
|
},
|
|
eyeButton: {
|
|
padding: 4,
|
|
},
|
|
eyeText: {
|
|
fontSize: 16,
|
|
color: '#94a3b8',
|
|
},
|
|
});
|