@oxyhq/services
Version:
Reusable OxyHQ module to handle authentication, user management, karma system, device-based session management and more 🚀
51 lines (49 loc) • 1.47 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.stepStyles = exports.STEP_INNER_GAP = exports.STEP_GAP = void 0;
var _reactNative = require("react-native");
/**
* Shared spacing constants for authentication screens
* These values ensure consistent vertical spacing across all step components
* All gaps between elements (illustration, title, description, textfield, buttons, etc.) use this value
*/
const STEP_GAP = exports.STEP_GAP = 12; // Vertical gap between ALL elements (illustration, title, description, textfield, buttons, etc.) - must be consistent everywhere
const STEP_INNER_GAP = exports.STEP_INNER_GAP = 12; // Gap within sections (headers, cards, etc.) - must match STEP_GAP for uniformity
/**
* Reusable stylesheet for step components
* All step components should use these base styles for consistency
*/
const stepStyles = exports.stepStyles = _reactNative.StyleSheet.create({
container: {
width: '100%',
maxWidth: 420,
alignSelf: 'center'
},
sectionSpacing: {
marginBottom: STEP_GAP
},
header: {
alignItems: 'flex-start',
width: '100%',
gap: STEP_INNER_GAP
},
title: {
textAlign: 'left',
marginBottom: 0,
marginTop: 0
},
subtitle: {
textAlign: 'left',
maxWidth: 320,
alignSelf: 'flex-start',
marginBottom: 0,
marginTop: 0
},
buttonContainer: {
marginTop: 0,
marginBottom: 0
}
});
//# sourceMappingURL=spacing.js.map