fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: swiper for boards on desktop

Browse Source
This commit is contained in:
AlexSserb
2025-08-16 19:57:22 +04:00
parent a4bcd62189
commit 2e9ed02722
5 changed files with 116 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/dnd/FunnelDnd/FunnelDnd.module.css
View File

@ -13,7 +13,7 @@
}
}
.swiperContainer :global(.swiper-scrollbar-drag) {
.swiper-container :global(.swiper-scrollbar-drag) {
@mixin dark {
background-color: var(--mantine-color-dark-9);
}
@ -22,6 +22,6 @@
}
}
.swiperContainer :global(.swiper-slide) {
.swiper-container :global(.swiper-slide) {
padding-bottom: 20px;
}

4
src/components/dnd/FunnelDnd/FunnelDnd.tsx
View File

@ -101,7 +101,7 @@ const FunnelDnd = <
return (
<Swiper
ref={swiperRef}
className={classes.swiperContainer}
className={classes["swiper-container"]}
slidesPerView={1.2}
modules={[Pagination]}
freeMode={{ enabled: false }}
@ -118,7 +118,7 @@ const FunnelDnd = <
return (
<Swiper
ref={swiperRef}
className={classes.swiperContainer}
className={classes["swiper-container"]}
modules={[Scrollbar, Mousewheel, FreeMode]}
spaceBetween={15}
slidesPerView={"auto"}