chore: added more space for slider dots

- change slider item bg color
burhanyilmaz · Jan 23, 2024 · a674453 · a674453
1 parent 58cc52e
commit a674453
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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 }}