From ae9828b5e5895176aa7c285cb64720abff62741a Mon Sep 17 00:00:00 2001
From: hafezfhmi <hafezfahmi2000@gmail.com>
Date: Fri, 10 Mar 2023 02:57:38 +0800
Subject: [PATCH] Style: Change darkBlue color and add margin bottom to slide

---
 src/components/common/CircularSlider/Slide/Slide.jsx | 2 +-
 tailwind.config.js                                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/common/CircularSlider/Slide/Slide.jsx b/src/components/common/CircularSlider/Slide/Slide.jsx
index ad3084f..b9deda3 100644
--- a/src/components/common/CircularSlider/Slide/Slide.jsx
+++ b/src/components/common/CircularSlider/Slide/Slide.jsx
@@ -7,7 +7,7 @@ const Slide = forwardRef(function Slide({ slide }, ref) {
     <div className="absolute bottom-1/2 left-1/2 -translate-x-1/2 origin-bottom w-2 h-1/2">
       <div
         ref={ref}
-        className="absolute bottom-full left-50 -translate-x-1/2 mx-4"
+        className="absolute bottom-full left-50 -translate-x-1/2 mx-4 mb-6 md:mb-20"
       >
         <div className={styles.slide}>
           <Image
diff --git a/tailwind.config.js b/tailwind.config.js
index 1acc87f..baa0136 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
         "main-red": "#FF6363",
         "main-green": "#8FFF9B",
         "main-blue": "#63FFFF",
-        "main-darkBlue": "#0A66C2",
+        "main-darkBlue": "#63A1FF",
         "main-purple": "#928FFF",
         "main-greyBg": "#EEEEEE",
       },