From e19ecef966687eb8b523834159570ef899723624 Mon Sep 17 00:00:00 2001
From: Joshua Ashton <joshuatashton+dev@gmail.com>
Date: Sun, 29 Dec 2024 12:06:44 -0700
Subject: [PATCH] added scrollbar background for indicating projects

---
 src/Projects.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Projects.jsx b/src/Projects.jsx
index 1bbc794b..41d3e88f 100644
--- a/src/Projects.jsx
+++ b/src/Projects.jsx
@@ -4,6 +4,7 @@ import { Swiper, SwiperSlide } from "swiper/react";
 import { Mousewheel, Scrollbar, Pagination } from "swiper/modules";
 import "swiper/css";
 import "swiper/css/effect-cards";
+import "swiper/css/scrollbar";
 
 export default function Projects({ cardData }) {
   return (
@@ -21,7 +22,7 @@ export default function Projects({ cardData }) {
               thresholdDelta: 50,
               sensitivity: 1,
             }}
-            scrollbar={{ hide: false }}
+            scrollbar={{ hide: false, el: ".swiper-slide" }}
           >
             {cardData.map((c, index) => (
               <SwiperSlide key={index}>