fix: make client logos roll out from section edge instead of screen edge

This commit is contained in:
Chaoming Li 2024-11-18 15:44:22 +11:00
parent 0343631673
commit 075c62a3c5

View file

@ -1,4 +1,5 @@
<section class="border-y border-gray-100 overflow-hidden"> <section class="border-y border-gray-100 overflow-hidden">
<div class="container mx-auto">
<div class="py-12"> <div class="py-12">
<p class="text-center text-sm font-medium text-gray-600 mb-8">{{ .Get "title" | default "Trusted by leading companies worldwide" }}</p> <p class="text-center text-sm font-medium text-gray-600 mb-8">{{ .Get "title" | default "Trusted by leading companies worldwide" }}</p>
<div class="logo-scroll"> <div class="logo-scroll">
@ -14,6 +15,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<style> <style>
@ -61,7 +63,7 @@
transform: translateX(0); transform: translateX(0);
} }
to { to {
transform: translateX(-50%); transform: translateX(calc(-100% / 2));
} }
} }