@naarni/design-system
Version:
Naarni React Native Design System for EV Fleet Apps
59 lines (58 loc) • 1.25 kB
JavaScript
import { StyleSheet } from 'react-native';
export const styles = StyleSheet.create({
container: {
flex: 1,
},
map: {
flex: 1,
},
loadingContainer: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
justifyContent: 'center',
alignItems: 'center',
zIndex: 1,
},
vehicleInfo: {
position: 'absolute',
bottom: 20,
left: 20,
right: 20,
backgroundColor: 'white',
borderRadius: 8,
padding: 16,
shadowColor: '#000',
shadowOffset: {
width: 0,
height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 3.84,
elevation: 5,
},
controlsContainer: {
position: 'absolute',
top: 20,
right: 20,
gap: 8,
},
controlButton: {
width: 40,
height: 40,
borderRadius: 20,
backgroundColor: 'white',
justifyContent: 'center',
alignItems: 'center',
shadowColor: '#000',
shadowOffset: {
width: 0,
height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 3.84,
elevation: 5,
},
});