blog/src/components/Widgets/BackButton.astro
2025-05-26 12:36:16 +01:00

35 lines
929 B
Text

---
import GoBackIcon from '@/assets/icons/go-back.svg';
---
<button
id="back-button"
class="hidden"
lg="absolute left--10 top-3.8 block aspect-square w-4.5 c-secondary/40 transition-colors ease-out hover:c-secondary/80 active:scale-90!"
aria-label="Go back"
>
<GoBackIcon
aria-hidden="true"
fill="currentColor"
/>
</button>
<!-- Go Back Script >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> -->
<script>
function setupBackButton() {
document.getElementById('back-button')?.addEventListener('click', () => {
if (window.history.length > 1) {
window.history.back()
}
else {
const siteTitleLink = document.getElementById('site-title-link')
if (siteTitleLink) {
siteTitleLink.click()
}
}
})
}
setupBackButton()
document.addEventListener('astro:after-swap', setupBackButton)
</script>