From ce0bc210251c15e772841a4fb94efa8811c4a8ac Mon Sep 17 00:00:00 2001
From: Tyler Flowers <contact@ggtylerr.dev>
Date: Sun, 17 Dec 2023 22:50:28 -0500
Subject: Fix gap in Slider

---
 apps/website/src/components/base/Slider.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'apps')

diff --git a/apps/website/src/components/base/Slider.astro b/apps/website/src/components/base/Slider.astro
index 8814f63..c1b32d1 100644
--- a/apps/website/src/components/base/Slider.astro
+++ b/apps/website/src/components/base/Slider.astro
@@ -21,7 +21,7 @@ const {
 
 <!-- might be cheating a bit using global styles here but at least it lets you use slots -->
 <style is:global lang="scss">
-	$sliderNum: 8;
+	$sliderNum: 7; /* TODO: figure out a way to make this either automatic or settable via component var */
 	@for $i from 1 through $sliderNum {
 		.slider > *:nth-child(#{$i}) {
 			animation: #{"slide" + $i} 10s linear infinite;
@@ -30,10 +30,10 @@ const {
 			0% {
 				transform: translateX(0);
 			}
-			#{calc(100% / $sliderNum * $i)} {
+			#{calc(99.999% / $sliderNum * $i)} {
 				transform: translateX(calc((-100% - 10px) * $i));
 			}
-			#{calc((100% / $sliderNum * $i) + 0.001%)} {
+			#{calc(99.999% / $sliderNum * $i + 0.001%)} {
 				transform: translateX(calc((100% + 10px) * ($sliderNum - $i)));
 			}
 			100% {
-- 
cgit