CEMROS_hauler_pti_app/rn/app/src/styles/scanner/ScannerArea.styles.js

57 lines
1.8 KiB
JavaScript

/*
Предрейсовые осмотры - мобильное приложение
Стили области сканера на главном экране
*/
//---------------------
//Подключение библиотек
//---------------------
const { StyleSheet } = require('react-native'); //StyleSheet React Native
const { responsiveSpacing, heightPercentage } = require('../../utils/responsive'); //Адаптивные утилиты
const { APP_COLORS } = require('../../config/theme'); //Цветовая схема
const { UI } = require('../../config/appConfig'); //Конфигурация UI
//-----------
//Тело модуля
//-----------
//Стили области сканера (примерно треть высоты экрана)
const styles = StyleSheet.create({
container: {
height: heightPercentage(33),
minHeight: responsiveSpacing(30),
marginBottom: responsiveSpacing(2)
},
scannerWrapper: {
flex: 1,
width: '100%'
},
//Область тапа для включения камеры (оверлей поверх сканера на паузе)
cameraPausedOverlayTouchable: {
...StyleSheet.absoluteFillObject
},
modalContainer: {
flex: 1
},
modalCloseButton: {
position: 'absolute',
top: responsiveSpacing(4),
right: responsiveSpacing(4),
paddingHorizontal: responsiveSpacing(4),
paddingVertical: responsiveSpacing(2),
backgroundColor: APP_COLORS.overlay,
borderRadius: UI.BORDER_RADIUS
},
modalCloseButtonText: {
color: APP_COLORS.textInverse,
fontWeight: '600'
}
});
//----------------
//Интерфейс модуля
//----------------
module.exports = styles;