Henry-Hiles/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: Henry-Hiles:93ffa4a316d1ab717c329654ca9087e914e85d9a
Branches Tags
Henry-Hiles:main
..
compare: Henry-Hiles:bff59baa049f8b33f1d045043b8ff4de190251ad
Branches Tags
Henry-Hiles:main

2 commits
93ffa4a316 ... bff59baa04

Author SHA1 Message Date
Henry-Hiles
bff59baa04
 		Fix active issue
Some checks are pending
Deploy to Pages / Build (push) Waiting to run
Details
Deploy to Pages / Deploy (push) Blocked by required conditions
Details
2025-03-30 22:21:11 -04:00
Henry-Hiles
8936dc45be
 		Fix scroll issue 2025-03-30 22:18:50 -04:00
2 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/BottomBar.astro
View file

@ -24,11 +24,10 @@ const sections: Array<Page> = [
<script is:inline define:vars={{ sections }}> <script is:inline define:vars={{ sections }}>
document.addEventListener("scroll", () => document.addEventListener("scroll", () =>
sections.forEach( sections.forEach(({ id }) => {
({ id }) => const rect = document.getElementById(id).getBoundingClientRect()
document.getElementById(id).getBoundingClientRect().bottom < if (rect.bottom < window.innerHeight || rect.top < 200)
window.innerHeight && document.querySelector("mdui-navigation-bar").value = id
(document.querySelector("mdui-navigation-bar").value = id) })
)
) )
</script> </script>

5
src/styles/index.css
View file

@ -25,6 +25,7 @@ mdui-card {
main > * > section { main > * > section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
scroll-margin-top: 1em;
& div, & div,
mdui-card { mdui-card {
@ -116,4 +117,8 @@ main > * > section {
min-width: 300px; min-width: 300px;
} }
} }
@media (max-width: 1500px) {
scroll-margin-top: 5em;
}
} }