amaliadwiy
9cb848ddd2
Deskripsi: - tambah icon kamera pada image picker > edit profile, tambah anggota dan edit anggota No Issues
599 lines
11 KiB
TypeScript
599 lines
11 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
const Styles = StyleSheet.create({
|
|
wrapLogin: {
|
|
flex: 1,
|
|
justifyContent: "flex-start",
|
|
alignItems: "stretch",
|
|
padding: 20,
|
|
},
|
|
textHeaderHome: {
|
|
fontSize: 18,
|
|
fontWeight: 'bold',
|
|
flex: 1,
|
|
color: 'white'
|
|
},
|
|
textDefault: {
|
|
fontSize: 15,
|
|
lineHeight: 24,
|
|
},
|
|
textDefaultSemiBold: {
|
|
fontSize: 15,
|
|
lineHeight: 24,
|
|
fontWeight: '600',
|
|
},
|
|
textMediumNormal: {
|
|
fontSize: 13,
|
|
lineHeight: 24,
|
|
},
|
|
textMediumSemiBold: {
|
|
fontSize: 13,
|
|
lineHeight: 24,
|
|
fontWeight: '600',
|
|
},
|
|
textSmallSemiBold: {
|
|
fontSize: 10,
|
|
fontWeight: '600',
|
|
},
|
|
textTitle: {
|
|
fontSize: 32,
|
|
fontWeight: 'bold',
|
|
lineHeight: 32,
|
|
},
|
|
textSubtitle: {
|
|
fontSize: 20,
|
|
fontWeight: 'bold',
|
|
},
|
|
textLink: {
|
|
lineHeight: 30,
|
|
fontSize: 16,
|
|
color: '#0a7ea4',
|
|
},
|
|
textInformation: {
|
|
fontSize: 12,
|
|
fontWeight: 'light',
|
|
},
|
|
cError: {
|
|
color: '#DB1514'
|
|
},
|
|
cGray: {
|
|
color: 'gray'
|
|
},
|
|
cWhite: {
|
|
color: 'white'
|
|
},
|
|
cBlack: {
|
|
color: 'black'
|
|
},
|
|
cDefault: {
|
|
color: '#19345E'
|
|
},
|
|
cFolder: {
|
|
color: '#f9cc40'
|
|
},
|
|
mb05: {
|
|
marginBottom: 5
|
|
},
|
|
mb10: {
|
|
marginBottom: 10
|
|
},
|
|
mb15: {
|
|
marginBottom: 15
|
|
},
|
|
mb30: {
|
|
marginBottom: 30
|
|
},
|
|
mb50: {
|
|
marginBottom: 50
|
|
},
|
|
mb100: {
|
|
marginBottom: 100
|
|
},
|
|
mv05: {
|
|
marginVertical: 5
|
|
},
|
|
mv15: {
|
|
marginVertical: 15
|
|
},
|
|
mh05: {
|
|
marginHorizontal: 5
|
|
},
|
|
mh10: {
|
|
marginHorizontal: 10
|
|
},
|
|
mh15: {
|
|
marginHorizontal: 15
|
|
},
|
|
mv10: {
|
|
marginVertical: 10
|
|
},
|
|
mt02: {
|
|
marginTop: 2
|
|
},
|
|
mt05: {
|
|
marginTop: 5
|
|
},
|
|
mt10: {
|
|
marginTop: 10
|
|
},
|
|
mt15: {
|
|
marginTop: 15
|
|
},
|
|
mr05: {
|
|
marginRight: 5
|
|
},
|
|
mr10: {
|
|
marginRight: 10
|
|
},
|
|
ml05: {
|
|
marginLeft: 5
|
|
},
|
|
ml10: {
|
|
marginLeft: 10
|
|
},
|
|
ml15: {
|
|
marginLeft: 15
|
|
},
|
|
ml20: {
|
|
marginLeft: 20
|
|
},
|
|
ml25: {
|
|
marginLeft: 25
|
|
},
|
|
pb05: {
|
|
paddingBottom: 5
|
|
},
|
|
pb07: {
|
|
paddingBottom: 7
|
|
},
|
|
pb10: {
|
|
paddingBottom: 10
|
|
},
|
|
pb13: {
|
|
paddingBottom: 13
|
|
},
|
|
pb15: {
|
|
paddingBottom: 15
|
|
},
|
|
ph05: {
|
|
paddingHorizontal: 5,
|
|
},
|
|
ph10: {
|
|
paddingHorizontal: 10,
|
|
},
|
|
ph15: {
|
|
paddingHorizontal: 15,
|
|
},
|
|
ph20: {
|
|
paddingHorizontal: 20,
|
|
},
|
|
pv05: {
|
|
paddingVertical: 5
|
|
},
|
|
pv10: {
|
|
paddingVertical: 10
|
|
},
|
|
pv15: {
|
|
paddingVertical: 15
|
|
},
|
|
p15: {
|
|
padding: 15
|
|
},
|
|
p10: {
|
|
padding: 10
|
|
},
|
|
p20: {
|
|
padding: 20
|
|
},
|
|
round10: {
|
|
borderRadius: 10
|
|
},
|
|
h100: {
|
|
height: '100%'
|
|
},
|
|
w100: {
|
|
width: '100%'
|
|
},
|
|
w95: {
|
|
width: '95%'
|
|
},
|
|
w90: {
|
|
width: '90%'
|
|
},
|
|
w80: {
|
|
width: '80%'
|
|
},
|
|
w70: {
|
|
width: '70%'
|
|
},
|
|
w60: {
|
|
width: '60%'
|
|
},
|
|
w50: {
|
|
width: '50%'
|
|
},
|
|
w45: {
|
|
width: '45%'
|
|
},
|
|
w40: {
|
|
width: '40%'
|
|
},
|
|
w30: {
|
|
width: '30%'
|
|
},
|
|
round30: {
|
|
borderRadius: 30
|
|
},
|
|
labelStatus: {
|
|
paddingHorizontal: 15,
|
|
borderRadius: 10
|
|
},
|
|
labelStatusSmall: {
|
|
paddingHorizontal: 10,
|
|
borderRadius: 10
|
|
},
|
|
rowSpaceBetween: {
|
|
justifyContent: 'space-between',
|
|
flexDirection: 'row'
|
|
},
|
|
rowItemsCenter: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center'
|
|
},
|
|
rowOnly: {
|
|
flexDirection: 'row'
|
|
},
|
|
btnIconHeader: {
|
|
backgroundColor: '#384288',
|
|
padding: 7,
|
|
borderRadius: 100,
|
|
},
|
|
btnFiturMenu: {
|
|
backgroundColor: '#FCAA4B',
|
|
padding: 10,
|
|
borderRadius: 100,
|
|
},
|
|
btnRound: {
|
|
backgroundColor: '#19345E',
|
|
borderWidth: 0,
|
|
borderColor: '#19345E',
|
|
alignItems: 'center',
|
|
borderRadius: 30,
|
|
marginTop: 15,
|
|
paddingVertical: 10
|
|
},
|
|
btnTab: {
|
|
alignItems: 'center',
|
|
paddingVertical: 10,
|
|
paddingHorizontal: 15,
|
|
borderRadius: 20,
|
|
flexDirection: 'row',
|
|
justifyContent: 'center'
|
|
},
|
|
btnMenuRow: {
|
|
width: '33%',
|
|
alignItems: 'center'
|
|
},
|
|
btnMenuRowMany: {
|
|
alignItems: 'center',
|
|
marginHorizontal: 10
|
|
},
|
|
inputRoundForm: {
|
|
borderRadius: 10,
|
|
borderColor: '#d6d8f6',
|
|
borderWidth: 1,
|
|
paddingVertical: 10,
|
|
paddingHorizontal: 15,
|
|
},
|
|
inputRoundFormLeft: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
paddingVertical: 0,
|
|
},
|
|
inputRoundFormRight: {
|
|
flexDirection: 'row-reverse',
|
|
alignItems: 'center',
|
|
paddingVertical: 0,
|
|
justifyContent: 'space-between'
|
|
},
|
|
verificationCell: {
|
|
width: 50,
|
|
height: 50,
|
|
lineHeight: 45,
|
|
fontSize: 24,
|
|
borderWidth: 1,
|
|
borderRadius: 15,
|
|
borderColor: 'gray',
|
|
textAlign: 'center',
|
|
},
|
|
verificationFocusCell: {
|
|
borderColor: '#19345E',
|
|
},
|
|
caraoselContent: {
|
|
flex: 1,
|
|
justifyContent: "center",
|
|
marginHorizontal: 15,
|
|
borderRadius: 15,
|
|
backgroundColor: '#19345E',
|
|
display: 'flex',
|
|
width: '92%'
|
|
},
|
|
wrapGridContent: {
|
|
shadowColor: '#171717',
|
|
shadowOffset: { width: -2, height: 4 },
|
|
shadowOpacity: 0.2,
|
|
shadowRadius: 3,
|
|
elevation: 10,
|
|
borderRadius: 15,
|
|
marginBottom: 15
|
|
},
|
|
wrapGridCaraousel: {
|
|
width: '95%',
|
|
height: 200,
|
|
shadowColor: '#171717',
|
|
shadowOffset: { width: -2, height: 4 },
|
|
shadowOpacity: 0.2,
|
|
shadowRadius: 3,
|
|
elevation: 10,
|
|
borderRadius: 15,
|
|
},
|
|
headerPaperGrid: {
|
|
paddingVertical: 25,
|
|
paddingHorizontal: 20,
|
|
alignItems: 'center',
|
|
borderTopStartRadius: 15,
|
|
borderTopEndRadius: 15
|
|
},
|
|
contentPaperGrid: {
|
|
backgroundColor: 'white',
|
|
height: 150,
|
|
borderBottomEndRadius: 15,
|
|
borderBottomStartRadius: 15,
|
|
paddingHorizontal: 20,
|
|
justifyContent: 'space-evenly'
|
|
},
|
|
contentPaperGrid2: {
|
|
backgroundColor: 'white',
|
|
height: 100,
|
|
borderBottomEndRadius: 15,
|
|
borderBottomStartRadius: 15,
|
|
paddingHorizontal: 20,
|
|
paddingVertical: 15,
|
|
justifyContent: 'flex-start'
|
|
},
|
|
wrapBar: {
|
|
height: 20,
|
|
backgroundColor: '#ccc',
|
|
borderRadius: 10,
|
|
margin: 0,
|
|
width: '100%'
|
|
},
|
|
contentBar: {
|
|
height: 20,
|
|
backgroundColor: 'orange',
|
|
borderRadius: 10,
|
|
},
|
|
wrapPaper: {
|
|
padding: 15,
|
|
backgroundColor: 'white',
|
|
borderRadius: 10,
|
|
borderWidth: 1,
|
|
borderColor: '#d6d8f6',
|
|
},
|
|
contentItemCenter: {
|
|
justifyContent: 'center',
|
|
alignItems: 'center'
|
|
},
|
|
itemEvent: {
|
|
padding: 10,
|
|
borderRadius: 10,
|
|
flexDirection: 'row',
|
|
alignContent: 'stretch',
|
|
marginBottom: 10
|
|
},
|
|
dividerEvent: {
|
|
width: 7,
|
|
borderRadius: 5,
|
|
marginRight: 10
|
|
},
|
|
wrapItemDiscussion: {
|
|
padding: 10,
|
|
borderRadius: 10,
|
|
borderColor: '#d6d8f6',
|
|
borderWidth: 1,
|
|
marginBottom: 10
|
|
},
|
|
wrapItemBorderBottom: {
|
|
padding: 10,
|
|
borderColor: '#d6d8f6',
|
|
borderBottomWidth: 1,
|
|
},
|
|
wrapItemBorderAll: {
|
|
padding: 10,
|
|
borderColor: '#d6d8f6',
|
|
borderWidth: 1,
|
|
borderRadius: 10,
|
|
marginBottom: 10
|
|
},
|
|
wrapItemBorderNone: {
|
|
padding: 10,
|
|
marginBottom: 5
|
|
},
|
|
userProfileExtraSmall: {
|
|
width: 35,
|
|
height: 35,
|
|
borderRadius: 100
|
|
},
|
|
userProfileSmall: {
|
|
width: 48,
|
|
height: 48,
|
|
borderRadius: 100
|
|
},
|
|
userProfileBig: {
|
|
width: 100,
|
|
height: 100,
|
|
borderRadius: 100
|
|
},
|
|
imgListBanner: {
|
|
width: 100,
|
|
height: 50,
|
|
borderRadius: 5
|
|
},
|
|
iconContent: {
|
|
padding: 10,
|
|
borderRadius: 100,
|
|
},
|
|
wrapHeadViewMember: {
|
|
backgroundColor: '#19345E',
|
|
paddingVertical: 30,
|
|
alignItems: 'center',
|
|
borderBottomLeftRadius: 25,
|
|
borderBottomRightRadius: 25
|
|
},
|
|
modalBgTransparant: {
|
|
backgroundColor: 'rgba(0, 0, 0, 0.3)',
|
|
flex: 1
|
|
},
|
|
modalContent: {
|
|
width: '100%',
|
|
paddingBottom: 20,
|
|
backgroundColor: 'white',
|
|
borderTopRightRadius: 18,
|
|
borderTopLeftRadius: 18,
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
},
|
|
titleContainer: {
|
|
backgroundColor: 'white',
|
|
borderTopRightRadius: 10,
|
|
borderTopLeftRadius: 10,
|
|
paddingHorizontal: 20,
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'space-between',
|
|
paddingVertical: 10
|
|
},
|
|
contentContainer: {
|
|
height: '90%'
|
|
},
|
|
modalContentNew: {
|
|
width: '100%',
|
|
backgroundColor: 'white',
|
|
borderTopRightRadius: 18,
|
|
borderTopLeftRadius: 18,
|
|
paddingTop: 5,
|
|
paddingBottom: 5,
|
|
paddingHorizontal: 20
|
|
},
|
|
titleContainerNew: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'space-between',
|
|
paddingVertical: 10,
|
|
},
|
|
modalFloatContent: {
|
|
backgroundColor: 'white',
|
|
borderRadius: 18,
|
|
paddingTop: 5,
|
|
paddingBottom: 10,
|
|
paddingHorizontal: 20
|
|
},
|
|
titleContainerModalFloat: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
paddingVertical: 10,
|
|
},
|
|
wrapBtnTab: {
|
|
justifyContent: 'space-between',
|
|
flexDirection: 'row',
|
|
marginBottom: 15,
|
|
borderRadius: 20,
|
|
padding: 5,
|
|
backgroundColor: 'white',
|
|
},
|
|
itemSelectModal: {
|
|
padding: 10,
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
borderColor: '#d6d8f6',
|
|
borderBottomWidth: 1,
|
|
alignItems: 'center'
|
|
},
|
|
signDate: {
|
|
width: 20,
|
|
height: 2,
|
|
borderRadius: 3,
|
|
marginTop: 3
|
|
},
|
|
selectedDate: {
|
|
backgroundColor: '#238be6',
|
|
borderRadius: 5
|
|
},
|
|
selectRangeDate: {
|
|
backgroundColor: '#228be61f',
|
|
},
|
|
bottomMenuSelectDocument: {
|
|
paddingVertical: 10,
|
|
position: 'absolute',
|
|
width: '100%',
|
|
bottom: 0
|
|
},
|
|
animatedView: {
|
|
width: '100%',
|
|
overflow: 'hidden',
|
|
},
|
|
wrapperAccordion: {
|
|
width: '100%',
|
|
position: 'absolute',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
},
|
|
borderRight: {
|
|
borderRightWidth: 1,
|
|
borderRightColor: '#d6d8f6'
|
|
},
|
|
borderLeft: {
|
|
borderLeftWidth: 1,
|
|
borderLeftColor: '#d6d8f6'
|
|
},
|
|
borderBottom: {
|
|
borderBottomWidth: 1,
|
|
borderBottomColor: '#d6d8f6'
|
|
},
|
|
borderTop: {
|
|
borderTopWidth: 1,
|
|
borderTopColor: '#d6d8f6'
|
|
},
|
|
borderAll: {
|
|
borderWidth: 1,
|
|
borderColor: '#d6d8f6'
|
|
},
|
|
absolute0: {
|
|
position: 'absolute',
|
|
bottom: 0
|
|
},
|
|
absoluteIcon: {
|
|
top: 18,
|
|
left: 20,
|
|
position: 'absolute'
|
|
},
|
|
toastContainer: {
|
|
backgroundColor: 'white',
|
|
borderRadius: 10,
|
|
padding: 10,
|
|
width: '90%',
|
|
borderWidth: 1,
|
|
borderColor: '#d6d8f6',
|
|
},
|
|
absoluteIconPicker: {
|
|
backgroundColor: '#384288',
|
|
padding: 5,
|
|
borderRadius: 100,
|
|
bottom: 5,
|
|
right: 5,
|
|
position: 'absolute'
|
|
}
|
|
})
|
|
|
|
export default Styles; |