From be5249236a0ad17a70b3f735beeb4317c9f40df6 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 18 Jun 2025 16:26:49 +0200
Subject: [PATCH] FEATURE Optimizing swiper css aspect and behaviour

---
 resources/css/libs/swiper.css | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/resources/css/libs/swiper.css b/resources/css/libs/swiper.css
index 006a4cc..57e2186 100644
--- a/resources/css/libs/swiper.css
+++ b/resources/css/libs/swiper.css
@@ -6,20 +6,27 @@
   --swiper-theme-color: var(
     --wp--preset--color--primary
   ) !important;
-  --swiper-pagination-color: var(
-    --color-primary
-  ) !important;
+  --swiper-pagination-color: transparent !important;
+  --swiper-pagination-bullet-inactive-color: transparent !important;
 }
 
 .swiper-pagination {
-  @apply h-fit flex gap-12 !static mt-12;
+  @apply h-fit flex gap-12 !static;
   top: unset !important;
   bottom: 0px !important;
   z-index: 100 !important;
 }
 
 .swiper-pagination-bullet {
-  @apply bg-primary w-full;
+  @apply bg-transparent w-full !py-6 relative;
+
+  &:after {
+    @apply content-[''] bg-primary w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
+    height: 2px;
+  }
+}
+.swiper-pagination-fraction {
+  @apply !text-primary font-semibold;
 }
 
 .swiper-controls {
@@ -34,3 +41,6 @@
     }
   }
 }
+.swiper-wrapper {
+  @apply mb-4;
+}