upd: fiksasi

constants/Styles.ts

@@ -392,10 +392,10 @@ const Styles = StyleSheet.create({
    },
    wrapGridContent: {
       shadowColor: '#171717',
-      shadowOffset: { width: 0, height: 4 },
+      shadowOffset: { width: 0, height: 0 },
       shadowOpacity: 0.1,
-      shadowRadius: 10,
-      elevation: 5,
+      shadowRadius: 5,
+      elevation: 2,
       borderRadius: 5,
       marginBottom: 15
    },
@@ -403,12 +403,13 @@ const Styles = StyleSheet.create({
       width: '95%',
       height: 200,
       shadowColor: '#171717',
-      shadowOffset: { width: 0, height: 4 },
+      shadowOffset: { width: 0, height: 0 },
       shadowOpacity: 0.1,
-      shadowRadius: 4,
-      elevation: 5,
+      shadowRadius: 5,
+      elevation: 2,
       borderRadius: 5,
-      marginLeft: 5
+      marginLeft: 5,
+      display: 'flex',
    },
    headerPaperGrid: {
       paddingVertical: 25,
@@ -418,15 +419,13 @@ const Styles = StyleSheet.create({
       borderTopEndRadius: 5
    },
    contentPaperGrid: {
-      backgroundColor: 'white',
-      height: 150,
+      height: 125,
       borderBottomEndRadius: 5,
       borderBottomStartRadius: 5,
       paddingHorizontal: 20,
       justifyContent: 'space-evenly'
    },
    contentPaperGrid2: {
-      backgroundColor: 'white',
       height: 100,
       borderBottomEndRadius: 5,
       borderBottomStartRadius: 5,
@@ -455,8 +454,8 @@ const Styles = StyleSheet.create({
       shadowColor: '#171717',
       shadowOffset: { width: 0, height: 0 },
       shadowOpacity: 0.1,
-      shadowRadius: 4,
-      elevation: 5,
+      shadowRadius: 5,
+      elevation: 2,
    },
    noShadow: {
       shadowColor: 'transparent',
@@ -469,8 +468,8 @@ const Styles = StyleSheet.create({
       shadowColor: '#171717',
       shadowOffset: { width: 0, height: 0 },
       shadowOpacity: 0.1,
-      shadowRadius: 4,
-      elevation: 5,
+      shadowRadius: 5,
+      elevation: 2,
    },
    contentItemCenter: {
       justifyContent: 'center',
@@ -749,10 +748,10 @@ const Styles = StyleSheet.create({
    },
    wrapHomeCarousel: {
       shadowColor: '#171717',
-      shadowOffset: { width: 0, height: 5 },
-      shadowOpacity: 0.2,
-      shadowRadius: 5,
-      elevation: 50,
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.15,
+      shadowRadius: 8,
+      elevation: 5,
    },
    modalOverlay: {
       flex: 1,
@@ -764,7 +763,7 @@ const Styles = StyleSheet.create({
       width: '80%',
       borderRadius: 14,
       overflow: 'hidden',
-      elevation: 5,
+      elevation: 2,
       shadowColor: '#000',
       shadowOffset: { width: 0, height: 2 },
       shadowOpacity: 0.25,