From 95cc7f625991e1d8bca46577436b438b7692eec8 Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Sat, 1 Nov 2025 16:05:57 +0400
Subject: [PATCH] fix: fixed height of swiper on mobiles

---
 src/components/dnd/FunnelDnd/FunnelDnd.module.css | 4 ++++
 src/components/dnd/FunnelDnd/FunnelDnd.tsx        | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/dnd/FunnelDnd/FunnelDnd.module.css b/src/components/dnd/FunnelDnd/FunnelDnd.module.css
index e70a793..1a0e36c 100644
--- 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;
+}
diff --git a/src/components/dnd/FunnelDnd/FunnelDnd.tsx b/src/components/dnd/FunnelDnd/FunnelDnd.tsx
index 43d1845..42069ef 100644
--- 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 }}>