wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: standardisasi borderRadius card — semua card/container ke 12, sectionBadge ke 20

Browse Source
This commit is contained in:
amaliadwiy
2026-05-21 13:53:41 +08:00
parent 600218cb11
commit fbf25bdd59
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
constants/styles/card.styles.ts
View File

@@ -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 },
});