147 lines
2.7 KiB
TypeScript
147 lines
2.7 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
export const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
backgroundColor: '#0A111E',
|
|
},
|
|
scrollContent: {
|
|
paddingHorizontal: 20,
|
|
paddingTop: 16,
|
|
paddingBottom: 40,
|
|
},
|
|
/* Header */
|
|
header: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
marginBottom: 24,
|
|
},
|
|
backButton: {
|
|
width: 40,
|
|
height: 40,
|
|
borderRadius: 12,
|
|
backgroundColor: '#162235',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
marginRight: 16,
|
|
},
|
|
headerTitle: {
|
|
fontSize: 22,
|
|
fontWeight: '700',
|
|
color: '#FFFFFF',
|
|
},
|
|
/* User Profile Header */
|
|
profileContainer: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
marginBottom: 24,
|
|
},
|
|
avatar: {
|
|
width: 64,
|
|
height: 64,
|
|
borderRadius: 18,
|
|
backgroundColor: '#D97706',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
marginRight: 16,
|
|
},
|
|
avatarText: {
|
|
fontSize: 22,
|
|
fontWeight: '700',
|
|
color: '#0F172A',
|
|
},
|
|
userInfo: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
},
|
|
userName: {
|
|
fontSize: 22,
|
|
fontWeight: '700',
|
|
color: '#FFFFFF',
|
|
marginBottom: 2,
|
|
},
|
|
userRole: {
|
|
fontSize: 14,
|
|
color: '#94A3B8',
|
|
marginBottom: 2,
|
|
},
|
|
userLocation: {
|
|
fontSize: 13,
|
|
color: '#64748B',
|
|
},
|
|
/* Stats Cards */
|
|
statsRow: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
marginBottom: 24,
|
|
gap: 12,
|
|
},
|
|
statCard: {
|
|
flex: 1,
|
|
backgroundColor: '#162235',
|
|
borderRadius: 16,
|
|
paddingVertical: 18,
|
|
paddingHorizontal: 10,
|
|
alignItems: 'center',
|
|
},
|
|
statValue: {
|
|
fontSize: 24,
|
|
fontWeight: '700',
|
|
marginBottom: 4,
|
|
},
|
|
statLabel: {
|
|
fontSize: 12,
|
|
color: '#64748B',
|
|
textAlign: 'center',
|
|
},
|
|
/* Menu Items Section */
|
|
menuContainer: {
|
|
backgroundColor: '#162235',
|
|
borderRadius: 16,
|
|
paddingVertical: 6,
|
|
marginBottom: 24,
|
|
},
|
|
menuItem: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'space-between',
|
|
paddingHorizontal: 16,
|
|
paddingVertical: 14,
|
|
},
|
|
menuLeft: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
gap: 12,
|
|
},
|
|
menuText: {
|
|
fontSize: 15,
|
|
fontWeight: '500',
|
|
color: '#FFFFFF',
|
|
},
|
|
menuSubtext: {
|
|
fontSize: 14,
|
|
color: '#64748B',
|
|
},
|
|
divider: {
|
|
height: 1,
|
|
backgroundColor: '#1E2D4A',
|
|
marginLeft: 48,
|
|
},
|
|
/* Sign Out Button */
|
|
signOutButton: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
backgroundColor: 'rgba(239, 68, 68, 0.1)',
|
|
borderWidth: 1,
|
|
borderColor: 'rgba(239, 68, 68, 0.3)',
|
|
borderRadius: 16,
|
|
paddingVertical: 16,
|
|
gap: 10,
|
|
},
|
|
signOutText: {
|
|
fontSize: 16,
|
|
fontWeight: '600',
|
|
color: '#EF4444',
|
|
},
|
|
}); |