Remove arrows

microrack · Jul 21, 2024 · 6ca7278 · 6ca7278
1 parent 2f70fa3
commit 6ca7278
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 58 deletions.
diff --git a/src/components/Slider/index.tsx b/src/components/Slider/index.tsx
@@ -159,24 +159,6 @@ export const Slider: React.FC<SliderProps> = ({
           </div>
         ))}
       </div>
-      {showArrows && (  // Only render arrows if showArrows is true
-        <>
-          <button 
-            className={`${styles.arrowButton} ${styles.leftArrow}`}
-            onClick={() => handleArrowClick('prev')}
-            aria-label="Previous slide"
-          >
-            <span className={styles.arrowIcon}>-</span>
-          </button>
-          <button 
-            className={`${styles.arrowButton} ${styles.rightArrow}`}
-            onClick={() => handleArrowClick('next')}
-            aria-label="Next slide"
-          >
-            <span className={styles.arrowIcon}>+</span>
-          </button>
-        </>
-      )}
       <div className={styles.sliderDots}>
         {children.map((_, index) => (
           <span

diff --git a/src/components/Slider/slider.module.css b/src/components/Slider/slider.module.css
@@ -71,40 +71,6 @@
   object-fit: contain;
 }
 
-.arrowButton {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 25px;
-  height: 25px;
-  border-radius: 50%;
-  background-color: rgba(199, 199, 199, 0.3);
-  border: none;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: background-color 0.3s ease;
-  z-index: 10;
-}
-
-.arrowButton:hover {
-  background-color: rgba(100, 100, 100, 0.5);
-}
-
-.leftArrow {
-  left: 5px;
-}
-
-.rightArrow {
-  right: 5px;
-}
-
-.arrowIcon {
-  color: white;
-  font-size: 24px;
-}
-
 @media (hover: hover) and (pointer: fine) {
   .dot:hover {
     background-color: rgba(100, 100, 100, 0.8);
@@ -116,9 +82,3 @@
     transition: none;
   }
 }
-
-@media (max-width: 768px) {
-  .arrowButton {
-    display: none;
-  }
-}