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

fix: fixed height of swiper on mobiles

Browse Source
This commit is contained in:
AlexSserb
2025-11-01 16:05:57 +04:00
parent 69bf7848e1
commit 95cc7f6259
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,3 +29,7 @@
margin-bottom: calc(var(--mantine-spacing-sm) * 2); margin-bottom: calc(var(--mantine-spacing-sm) * 2);
} }
} }
.swiper-container :global(.swiper-pagination) {
bottom: 0;
}

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

@ -133,7 +133,10 @@ const FunnelDnd = <
}} }}
className={classes["swiper-container"]} className={classes["swiper-container"]}
spaceBetween={15} spaceBetween={15}
style={{ paddingInline: "10vw" }} style={{
paddingInline: "10vw",
height: "calc(100vh - 188px)",
}}
modules={[Pagination]} modules={[Pagination]}
freeMode={{ enabled: false }} freeMode={{ enabled: false }}
pagination={{ enabled: true, clickable: true }}> pagination={{ enabled: true, clickable: true }}>