diff options
| author | Tyler Flowers <contact@ggtylerr.dev> | 2023-12-17 22:50:28 -0500 |
|---|---|---|
| committer | Tyler Flowers <contact@ggtylerr.dev> | 2023-12-17 22:50:28 -0500 |
| commit | ce0bc210251c15e772841a4fb94efa8811c4a8ac (patch) | |
| tree | f48e7437c00dc0d8086d1389dc8c1d59a9088bcb | |
| parent | a79d129d410ab8cad9ea8f2d56201d53b22c8024 (diff) | |
| download | Nexus-ce0bc210251c15e772841a4fb94efa8811c4a8ac.tar.gz Nexus-ce0bc210251c15e772841a4fb94efa8811c4a8ac.tar.bz2 Nexus-ce0bc210251c15e772841a4fb94efa8811c4a8ac.zip | |
Fix gap in Slider
| -rw-r--r-- | apps/website/src/components/base/Slider.astro | 6 |
1 files changed, 3 insertions, 3 deletions
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% { |