fix: fixed height of swiper on mobiles

2025-11-01 16:05:57 +04:00
parent 69bf7848e1
commit 95cc7f6259
2 changed files with 8 additions and 1 deletions
--- a/src/components/dnd/FunnelDnd/FunnelDnd.module.css
+++ b/src/components/dnd/FunnelDnd/FunnelDnd.module.css
@ -29,3 +29,7 @@
        margin-bottom: calc(var(--mantine-spacing-sm) * 2);
    }
 }
+
+.swiper-container :global(.swiper-pagination) {
+    bottom: 0;
+}
--- a/src/components/dnd/FunnelDnd/FunnelDnd.tsx
+++ b/src/components/dnd/FunnelDnd/FunnelDnd.tsx
@ -133,7 +133,10 @@ const FunnelDnd = <
                        }}
                        className={classes["swiper-container"]}
                        spaceBetween={15}
-                        style={{ paddingInline: "10vw" }}
+                        style={{
+                            paddingInline: "10vw",
+                            height: "calc(100vh - 188px)",
+                        }}
                        modules={[Pagination]}
                        freeMode={{ enabled: false }}
                        pagination={{ enabled: true, clickable: true }}>