Asset,Alarm,Module Screen is added
This commit is contained in:
147
src/styles/Profile/profile.ts
Normal file
147
src/styles/Profile/profile.ts
Normal file
@@ -0,0 +1,147 @@
|
||||
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',
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user