diff --git a/constants/styles/card.styles.ts b/constants/styles/card.styles.ts index e57d327..385dd91 100644 --- a/constants/styles/card.styles.ts +++ b/constants/styles/card.styles.ts @@ -4,7 +4,7 @@ const CardStyles = StyleSheet.create({ wrapPaper: { padding: 10, backgroundColor: 'white', - borderRadius: 5, + borderRadius: 12, shadowColor: '#171717', shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0.1, @@ -31,7 +31,7 @@ const CardStyles = StyleSheet.create({ shadowOpacity: 0.1, shadowRadius: 5, elevation: 2, - borderRadius: 5, + borderRadius: 12, marginBottom: 15, }, wrapGridCaraousel: { @@ -42,7 +42,7 @@ const CardStyles = StyleSheet.create({ shadowOpacity: 0.1, shadowRadius: 5, elevation: 2, - borderRadius: 5, + borderRadius: 12, marginLeft: 5, display: 'flex', }, @@ -57,27 +57,27 @@ const CardStyles = StyleSheet.create({ paddingVertical: 25, paddingHorizontal: 20, alignItems: 'center', - borderTopStartRadius: 5, - borderTopEndRadius: 5, + borderTopStartRadius: 12, + borderTopEndRadius: 12, }, contentPaperGrid: { height: 125, - borderBottomEndRadius: 5, - borderBottomStartRadius: 5, + borderBottomEndRadius: 12, + borderBottomStartRadius: 12, paddingHorizontal: 20, justifyContent: 'space-evenly', }, contentPaperGrid2: { height: 100, - borderBottomEndRadius: 5, - borderBottomStartRadius: 5, + borderBottomEndRadius: 12, + borderBottomStartRadius: 12, paddingHorizontal: 20, paddingVertical: 15, justifyContent: 'flex-start', }, wrapGridItem: { borderWidth: 1, - borderRadius: 5, + borderRadius: 12, padding: 10, flexDirection: 'row', alignItems: 'center', @@ -88,7 +88,7 @@ const CardStyles = StyleSheet.create({ flexDirection: 'row', alignItems: 'center', backgroundColor: 'transparent', - borderRadius: 10, + borderRadius: 12, borderWidth: 1, paddingHorizontal: 12, paddingVertical: 10, @@ -110,12 +110,12 @@ const CardStyles = StyleSheet.create({ justifyContent: 'center', }, sectionActionRow: { flexDirection: 'row', alignItems: 'center', gap: 10 }, - sectionBadge: { borderRadius: 10, paddingHorizontal: 8, paddingVertical: 2 }, + sectionBadge: { borderRadius: 20, 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, + borderRadius: 12, padding: 10, width: '90%', borderWidth: 1, @@ -135,7 +135,7 @@ const CardStyles = StyleSheet.create({ loadingBox: { paddingVertical: 15, paddingHorizontal: 40, - borderRadius: 5, + borderRadius: 12, alignItems: 'center', gap: 10, }, @@ -143,16 +143,16 @@ const CardStyles = StyleSheet.create({ flex: 1, justifyContent: "center", marginHorizontal: 15, - borderRadius: 15, + borderRadius: 12, backgroundColor: '#19345E', display: 'flex', width: '92%', resizeMode: 'stretch', overflow: 'hidden', }, - wrapItemDiscussion: { padding: 15, borderRadius: 5, borderBottomWidth: 1 }, + wrapItemDiscussion: { padding: 15, borderRadius: 12, borderBottomWidth: 1 }, wrapItemBorderBottom: { padding: 10, borderBottomWidth: 1 }, - wrapItemBorderAll: { padding: 10, borderWidth: 1, borderRadius: 5, marginBottom: 5 }, + wrapItemBorderAll: { padding: 10, borderWidth: 1, borderRadius: 12, marginBottom: 5 }, wrapItemBorderNone: { padding: 10, marginBottom: 5 }, });