ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 01:10:02 +02:00
Code Issues Projects Releases Packages Wiki Activity

chore(layout): prevent page navigation if same page

Browse source
This commit is contained in:
taroj1205 2025-01-24 17:08:47 +13:00
parent 942a73d53c
commit 97e9ff35c8
1 changed files with 18 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/layouts/Layout.astro
View file

@ -32,7 +32,7 @@ import { ClientRouter } from 'astro:transitions'
})
</script>
<html lang="en">
<html lang="en" transition:name="root" transition:animate="none">
<head>
<meta charset="UTF-8" />
<meta
@ -78,7 +78,9 @@ import { ClientRouter } from 'astro:transitions'
class="overflow-x-hidden bg-paper font-['bricolage-grotesque'] text-dark"
>
<NavBar />
<slot />
<div transition:animate="slide" transition:name="page">
<slot />
</div>
<Footer />
</body>
</html>
@ -141,3 +143,17 @@ import { ClientRouter } from 'astro:transitions'
vertical-align: -0.125em;
}
</style>
<script>
document.addEventListener('astro:page-load', () => {
document.querySelectorAll('a').forEach((link) => {
link.addEventListener('click', (e) => {
const href = link.getAttribute('href')
if (href && href === window.location.pathname) {
e.preventDefault()
window.scrollTo({ top: 0, behavior: 'smooth' })
}
})
})
})
</script>