amaliadwiy
d299484a98
- lib/api.ts (879 baris) → 13 file di lib/api/ per domain - constants/Styles.ts (1.275 baris) → 10 file di constants/styles/ per domain - tambah docs/FILE-HEALTH.md dan referensinya ke CLAUDE.md - kedua file lama tetap sebagai re-export — zero breaking changes
53 lines
2.0 KiB
TypeScript
53 lines
2.0 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
const LayoutStyles = StyleSheet.create({
|
|
wrapLogin: { flex: 1, justifyContent: "flex-start", alignItems: "stretch", padding: 20 },
|
|
flex1: { flex: 1 },
|
|
flex2: { flex: 2 },
|
|
flexColumn: { flexDirection: 'column' },
|
|
rowOnly: { flexDirection: 'row' },
|
|
rowSpaceBetween: { justifyContent: 'space-between', flexDirection: 'row' },
|
|
rowSpaceBetweenReverse: { justifyContent: 'space-between', flexDirection: 'row-reverse' },
|
|
rowItemsCenter: { flexDirection: 'row', alignItems: 'center' },
|
|
justifySpaceBetween: { justifyContent: 'space-between' },
|
|
justifyCenter: { justifyContent: 'center' },
|
|
alignCenter: { alignItems: 'center' },
|
|
itemsCenter: { alignItems: 'center' },
|
|
alignStart: { alignItems: 'flex-start' },
|
|
contentItemCenter: { justifyContent: 'center', alignItems: 'center' },
|
|
h100: { height: '100%' },
|
|
w30: { width: '30%' },
|
|
w40: { width: '40%' },
|
|
w45: { width: '45%' },
|
|
w48: { width: '48%' },
|
|
w50: { width: '50%' },
|
|
w60: { width: '60%' },
|
|
w70: { width: '70%' },
|
|
w80: { width: '80%' },
|
|
w90: { width: '90%' },
|
|
w95: { width: '95%' },
|
|
w100: { width: '100%' },
|
|
posAbsolute: { position: 'absolute' },
|
|
absolute0: { position: 'absolute', bottom: 0 },
|
|
absoluteIcon: { top: 18, left: 20, position: 'absolute' },
|
|
absoluteIconPicker: {
|
|
backgroundColor: '#384288',
|
|
padding: 5,
|
|
borderRadius: 100,
|
|
bottom: 5,
|
|
right: 5,
|
|
position: 'absolute',
|
|
},
|
|
hidden: { position: 'absolute', opacity: 0, zIndex: -1 },
|
|
zIndex1: { zIndex: 1 },
|
|
zIndexMinus1: { zIndex: -1 },
|
|
resizeContain: { resizeMode: 'contain' },
|
|
resizeCover: { resizeMode: 'cover' },
|
|
resizeStretch: { resizeMode: 'stretch' },
|
|
animatedView: { width: '100%', overflow: 'hidden' },
|
|
wrapperAccordion: { width: '100%', position: 'absolute', display: 'flex', alignItems: 'center' },
|
|
bottomMenuSelectDocument: { paddingVertical: 10, position: 'absolute', width: '100%', bottom: 0 },
|
|
});
|
|
|
|
export default LayoutStyles;
|