2026-02-20 12:14:17 +01:00
|
|
|
<button
|
|
|
|
|
x-show="showScrollTop"
|
|
|
|
|
x-transition:enter="transition ease-out duration-300"
|
|
|
|
|
x-transition:enter-start="opacity-0 translate-y-10"
|
|
|
|
|
x-transition:enter-end="opacity-100 translate-y-0"
|
|
|
|
|
x-transition:leave="transition ease-in duration-300"
|
|
|
|
|
x-transition:leave-start="opacity-100 translate-y-0"
|
|
|
|
|
x-transition:leave-end="opacity-0 translate-y-10"
|
|
|
|
|
@click="window.scrollTo({ top: 0, behavior: 'smooth' })"
|
|
|
|
|
class="fixed bottom-8 right-8 z-40 p-3 rounded-lg shadow-xl bg-[var(--brand-primary)] text-[var(--bg-primary)] hover:bg-[var(--brand-secondary)] hover:scale-110 active:scale-95 transition-all duration-300 group"
|
|
|
|
|
aria-label="Scroll to top"
|
|
|
|
|
x-cloak>
|
2026-02-22 07:59:17 +01:00
|
|
|
{{> "icons/arrow-up" class="w-6 h-6 transform group-hover:-translate-y-1 transition-transform duration-300"}}
|
2026-02-20 12:14:17 +01:00
|
|
|
</button>
|
