CEMROS_hauler_pti_app/rn/app/src/styles/screens/AuthScreen.styles.js

71 lines
1.7 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({
keyboardAvoidingView: {
flex: 1
},
scrollView: {
flex: 1
},
scrollContent: {
flexGrow: 1,
paddingHorizontal: UI.PADDING,
paddingBottom: responsiveSpacing(8)
},
logoContainer: {
alignItems: 'center',
paddingTop: responsiveSpacing(6),
paddingBottom: responsiveSpacing(4)
},
formContainer: {
backgroundColor: APP_COLORS.surface,
borderRadius: UI.BORDER_RADIUS,
padding: UI.PADDING,
borderWidth: 1,
borderColor: APP_COLORS.borderSubtle
},
title: {
textAlign: 'center',
marginBottom: responsiveSpacing(6),
color: APP_COLORS.textPrimary
},
switchContainer: {
marginBottom: responsiveSpacing(4)
},
loginButton: {
backgroundColor: APP_COLORS.primary,
marginTop: responsiveSpacing(2)
},
loginButtonText: {
color: APP_COLORS.white,
fontWeight: '600'
},
hint: {
textAlign: 'center',
marginTop: responsiveSpacing(4),
color: APP_COLORS.textTertiary
}
});
//----------------
//Интерфейс модуля
//----------------
module.exports = styles;