upload 04/08

src/styles/globalStyles.ts

@@ -51,7 +51,7 @@ export const globalStyles = StyleSheet.create({
         marginBottom: 10,
         flexDirection: 'row',
         flexWrap: 'wrap',
-        gap: 10
+        gap: 10,
     },
     moreAll: {
         width: 110,
@@ -85,8 +85,11 @@ export const globalStyles = StyleSheet.create({
         height: 300
     },
     categoryItem: {
-        width: '25%',
-        marginBottom: 25
+        width: winWidth / 4 - 15,
+        marginBottom: 25,
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
     },
     boxImageCategory: {
         width: 70,
@@ -99,7 +102,8 @@ export const globalStyles = StyleSheet.create({
         alignItems: 'center',
     },
     iconCategory: {
-        width: 50,
+        width: 45,
+        height: 45,
         objectFit: 'contain',
     },
     categoryName: {
@@ -107,6 +111,15 @@ export const globalStyles = StyleSheet.create({
         fontWeight: '500',
         marginTop: 5,
         textAlign: 'center',
+        height: 40
+    },
+    dotWrapper: {
+        position: 'absolute',
+        bottom: 10,
+        left: 0,
+        right: 0,
+        flexDirection: 'row',
+        justifyContent: 'center',
     },
     dot: {
         backgroundColor: 'rgba(0,0,0,.2)',
@@ -116,11 +129,7 @@ export const globalStyles = StyleSheet.create({
         margin: 3,
     },
     activeDot: {
-        backgroundColor: '#ff7a00',
-        width: 40,
-        height: 10,
-        borderRadius: 5,
-        margin: 3,
+        backgroundColor: '#f9ef06',
     },
     BoxBusiness: {
         marginTop: 25,
@@ -135,10 +144,11 @@ export const globalStyles = StyleSheet.create({
     },
     sliderBusinesses: {
         marginTop: 20,
-        height: 85
+        width: winWidth - 10,
+        marginBottom: 10
     },
     logoItem: {
-        width: itemWidth,
+        width: itemWidth - 3,
         height: 40,
         borderRadius: 8,
         backgroundColor: '#fff',
@@ -159,7 +169,7 @@ export const globalStyles = StyleSheet.create({
         marginTop: 20,
         width: winWidth,
         paddingLeft: 10,
-        paddingRight: 10,
+        paddingRight: 10
     },
     textBoxProductSaveHome: {
         fontSize: 20,
@@ -289,18 +299,13 @@ export const globalStyles = StyleSheet.create({
     imgBannerSale: {
         width: '100%',
         height: '100%',
-        objectFit: 'cover',
+        resizeMode: 'cover',
         borderRadius: 12
     },
-    sliderBannerSale: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        height: 200
-    },
     itemBannerSale: {
-        width: winWidth - 50,
-        height: 160,
-        objectFit: 'cover',
+        width: winWidth - 80,
+        height: 180,
+        resizeMode: 'cover',
         marginRight: 10
     },
     BoxPromotionHome: {