more styling improvements

LordSimal · LordSimal · commit a1f879cd0e29 · 2026-04-04T13:34:52.000+02:00
diff --git a/resources/css/style.css b/resources/css/style.css
@@ -42,11 +42,11 @@
 
 @layer components {
     .featured-packages-slider-shell {
-        @apply -mx-3 overflow-hidden px-3 pb-4;
+        @apply -mx-3 px-3 pb-4;
     }
 
     .featured-packages-slider {
-        @apply overflow-visible;
+        @apply overflow-visible!;
     }
 
     .featured-packages-slider .swiper-slide {
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -30,6 +30,7 @@ const initializeFeaturedPackagesSlider = () => {
     new Swiper(slider, {
         modules: [Autoplay, Navigation],
         loop: true,
+        loopAdditionalSlides: 3,
         slidesPerView: 1,
         spaceBetween: 24,
         grabCursor: true,
diff --git a/templates/layout/default.php b/templates/layout/default.php
@@ -37,7 +37,7 @@
     <?= $this->fetch('css') ?>
     <?= $this->fetch('script') ?>
 </head>
-<body>
+<body class="overflow-x-hidden">
     <nav class="bg-cake-red border-b border-cake-red">
         <div class="flex justify-between container mx-auto p-4 sm:px-6 lg:px-8">
             <div class="top-nav-title">

Original file line number	Diff line number	Diff line change
`@@ -42,11 +42,11 @@`
`42`	`42`
`43`	`43`	`@layer components {`
`44`	`44`	`.featured-packages-slider-shell {`
`45`		`- @apply -mx-3 overflow-hidden px-3 pb-4;`
	`45`	`+ @apply -mx-3 px-3 pb-4;`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`.featured-packages-slider {`
`49`		`- @apply overflow-visible;`
	`49`	`+ @apply overflow-visible!;`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`.featured-packages-slider .swiper-slide {`