From a6744532a8ff21067ba155b1ca7f5f30a18bfd11 Mon Sep 17 00:00:00 2001
From: Burhan YILMAZ <burhan.yilmaaz@gmail.com>
Date: Tue, 23 Jan 2024 16:48:27 +0300
Subject: [PATCH] chore: added more space for slider dots - change slider item
 bg color

---
 src/components/HomeSlider/SliderDots.tsx | 4 ++--
 src/components/HomeSlider/SliderItem.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/HomeSlider/SliderDots.tsx b/src/components/HomeSlider/SliderDots.tsx
index 8d7b27f..b388a59 100644
--- a/src/components/HomeSlider/SliderDots.tsx
+++ b/src/components/HomeSlider/SliderDots.tsx
@@ -9,8 +9,8 @@ const SliderDots = ({ count = 0, activeIndex = 0 }) => (
           key={`${index}-dot`}
           className={
             activeIndex === index
-              ? 'border-zinc-600 border-b1 h-2.5 w-2.5 rounded-md mr-2'
-              : 'bg-zinc-600 h-2 w-2 rounded-md mr-2'
+              ? 'border-zinc-600 border-b1 h-2.5 w-2.5 rounded-md mr-3'
+              : 'bg-zinc-600 h-2 w-2 rounded-md mr-3'
           }
         />
       ))}
diff --git a/src/components/HomeSlider/SliderItem.tsx b/src/components/HomeSlider/SliderItem.tsx
index 3aeadb2..f1e4a3c 100644
--- a/src/components/HomeSlider/SliderItem.tsx
+++ b/src/components/HomeSlider/SliderItem.tsx
@@ -13,7 +13,7 @@ type Props = {
 const SliderItem = ({ image, categoryName, title, onPress }: Props) => (
   <Pressable className="bg-white mb-4 pl-4" style={styles.sliderItemContainer} onPress={onPress}>
     <View
-      className="bg-zinc-100 overflow-hidden rounded-lg justify-end"
+      className="bg-zinc-50 overflow-hidden rounded-lg justify-end"
       style={{ height: SLIDER_ITEM_HEIGHT }}>
       <Image
         source={{ uri: image }}