CEMROS_hauler_pti_app/rn/app/src/styles/common/LoadingOverlay.styles.js

56 lines
1.4 KiB
JavaScript

/*
Предрейсовые осмотры - мобильное приложение
Стили компонента оверлея загрузки
*/
//---------------------
//Подключение библиотек
//---------------------
const { StyleSheet } = require('react-native');
const { APP_COLORS } = require('../../config/theme');
const { UI } = require('../../config/appConfig');
const { responsiveSpacing } = require('../../utils/responsive');
//-----------
//Тело модуля
//-----------
const styles = StyleSheet.create({
overlay: {
flex: 1,
backgroundColor: APP_COLORS.overlay,
justifyContent: 'center',
alignItems: 'center'
},
container: {
backgroundColor: APP_COLORS.surface,
borderRadius: UI.BORDER_RADIUS,
padding: responsiveSpacing(6),
alignItems: 'center',
minWidth: 150,
shadowColor: APP_COLORS.shadow,
shadowOffset: {
width: 0,
height: 2
},
shadowOpacity: 0.25,
shadowRadius: 4,
elevation: 5
},
indicator: {
color: APP_COLORS.primary
},
message: {
marginTop: responsiveSpacing(4),
color: APP_COLORS.textPrimary,
textAlign: 'center'
}
});
//----------------
//Интерфейс модуля
//----------------
module.exports = styles;