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