jashton/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added scrollbar background for indicating projects

Browse Source
This commit is contained in:
Joshua Ashton
2024-12-29 12:06:44 -07:00
parent 0787c6f6ad
commit e19ecef966
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Projects.jsx
+2 -1
View File
@@ -4,6 +4,7 @@ import { Swiper, SwiperSlide } from "swiper/react";
import { Mousewheel, Scrollbar, Pagination } from "swiper/modules"; import { Mousewheel, Scrollbar, Pagination } from "swiper/modules";
import "swiper/css"; import "swiper/css";
import "swiper/css/effect-cards"; import "swiper/css/effect-cards";
import "swiper/css/scrollbar";
export default function Projects({ cardData }) { export default function Projects({ cardData }) {
return ( return (
@@ -21,7 +22,7 @@ export default function Projects({ cardData }) {
thresholdDelta: 50, thresholdDelta: 50,
sensitivity: 1, sensitivity: 1,
}} }}
scrollbar={{ hide: false }} scrollbar={{ hide: false, el: ".swiper-slide" }}
> >
{cardData.map((c, index) => ( {cardData.map((c, index) => (
<SwiperSlide key={index}> <SwiperSlide key={index}>