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
160 lines
4.1 KiB
TypeScript
160 lines
4.1 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
const CardStyles = StyleSheet.create({
|
|
wrapPaper: {
|
|
padding: 10,
|
|
backgroundColor: 'white',
|
|
borderRadius: 5,
|
|
shadowColor: '#171717',
|
|
shadowOffset: { width: 0, height: 0 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 5,
|
|
elevation: 2,
|
|
},
|
|
shadowBox: {
|
|
shadowColor: '#171717',
|
|
shadowOffset: { width: 0, height: 0 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 5,
|
|
elevation: 2,
|
|
},
|
|
noShadow: {
|
|
shadowColor: 'transparent',
|
|
shadowOffset: { width: 0, height: 0 },
|
|
shadowOpacity: 0,
|
|
shadowRadius: 0,
|
|
elevation: 0,
|
|
},
|
|
wrapGridContent: {
|
|
shadowColor: '#171717',
|
|
shadowOffset: { width: 0, height: 0 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 5,
|
|
elevation: 2,
|
|
borderRadius: 5,
|
|
marginBottom: 15,
|
|
},
|
|
wrapGridCaraousel: {
|
|
width: '95%',
|
|
height: 200,
|
|
shadowColor: '#171717',
|
|
shadowOffset: { width: 0, height: 0 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 5,
|
|
elevation: 2,
|
|
borderRadius: 5,
|
|
marginLeft: 5,
|
|
display: 'flex',
|
|
},
|
|
wrapHomeCarousel: {
|
|
shadowColor: '#171717',
|
|
shadowOffset: { width: 0, height: 4 },
|
|
shadowOpacity: 0.15,
|
|
shadowRadius: 8,
|
|
elevation: 5,
|
|
},
|
|
headerPaperGrid: {
|
|
paddingVertical: 25,
|
|
paddingHorizontal: 20,
|
|
alignItems: 'center',
|
|
borderTopStartRadius: 5,
|
|
borderTopEndRadius: 5,
|
|
},
|
|
contentPaperGrid: {
|
|
height: 125,
|
|
borderBottomEndRadius: 5,
|
|
borderBottomStartRadius: 5,
|
|
paddingHorizontal: 20,
|
|
justifyContent: 'space-evenly',
|
|
},
|
|
contentPaperGrid2: {
|
|
height: 100,
|
|
borderBottomEndRadius: 5,
|
|
borderBottomStartRadius: 5,
|
|
paddingHorizontal: 20,
|
|
paddingVertical: 15,
|
|
justifyContent: 'flex-start',
|
|
},
|
|
wrapGridItem: {
|
|
borderWidth: 1,
|
|
borderRadius: 5,
|
|
padding: 10,
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
width: '48.5%',
|
|
marginBottom: 10,
|
|
},
|
|
listItemCard: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
backgroundColor: 'transparent',
|
|
borderRadius: 10,
|
|
borderWidth: 1,
|
|
paddingHorizontal: 12,
|
|
paddingVertical: 10,
|
|
gap: 12,
|
|
},
|
|
sectionCard: { borderRadius: 12, padding: 16, borderWidth: 1 },
|
|
sectionHeader: { flexDirection: 'row', alignItems: 'center', marginBottom: 12 },
|
|
sectionHeaderRow: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
marginBottom: 10,
|
|
},
|
|
sectionIconBox: {
|
|
width: 30,
|
|
height: 30,
|
|
borderRadius: 8,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
},
|
|
sectionActionRow: { flexDirection: 'row', alignItems: 'center', gap: 10 },
|
|
sectionBadge: { borderRadius: 10, paddingHorizontal: 8, paddingVertical: 2 },
|
|
wrapBar: { height: 20, backgroundColor: '#ccc', borderRadius: 10, margin: 0, width: '100%' },
|
|
contentBar: { height: 20, backgroundColor: '#3B82F6', borderRadius: 10 },
|
|
toastContainer: {
|
|
backgroundColor: 'white',
|
|
borderRadius: 10,
|
|
padding: 10,
|
|
width: '90%',
|
|
borderWidth: 1,
|
|
borderColor: '#d6d8f6',
|
|
},
|
|
loadingCenter: {
|
|
position: 'absolute',
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
zIndex: 999,
|
|
backgroundColor: 'rgba(0,0,0,0.3)',
|
|
},
|
|
loadingBox: {
|
|
paddingVertical: 15,
|
|
paddingHorizontal: 40,
|
|
borderRadius: 5,
|
|
alignItems: 'center',
|
|
gap: 10,
|
|
},
|
|
caraoselContent: {
|
|
flex: 1,
|
|
justifyContent: "center",
|
|
marginHorizontal: 15,
|
|
borderRadius: 15,
|
|
backgroundColor: '#19345E',
|
|
display: 'flex',
|
|
width: '92%',
|
|
resizeMode: 'stretch',
|
|
overflow: 'hidden',
|
|
},
|
|
wrapItemDiscussion: { padding: 15, borderRadius: 5, borderBottomWidth: 1 },
|
|
wrapItemBorderBottom: { padding: 10, borderBottomWidth: 1 },
|
|
wrapItemBorderAll: { padding: 10, borderWidth: 1, borderRadius: 5, marginBottom: 5 },
|
|
wrapItemBorderNone: { padding: 10, marginBottom: 5 },
|
|
});
|
|
|
|
export default CardStyles;
|