Workaround to have tabindex for mobile dropdown but not on desktop

This commit is contained in:
Firq 2024-01-01 19:41:46 +01:00
parent 336c0c0db5
commit b03eba2bd5
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
4 changed files with 91 additions and 4 deletions
src/layouts

View file

@ -1,6 +1,7 @@
---
import Navbar from '../components/navbar.astro'
import NavbarEntry from '../components/navbarEntry.astro'
import NavbarEntryDesktop from '../components/navbarEntryDesktop.astro'
import NavbarEntryMobile from '../components/navbarEntryMobile.astro'
import navdata from '../../static/data/_navdata.json'
import embed from '../assets/embed.png'
@ -77,7 +78,12 @@ const mapped_navdata = navdata.map((item) => ({
<Navbar>
{
mapped_navdata.map((item) => (
<NavbarEntry currentPage={currentpage} {...item} />
<NavbarEntryDesktop currentPage={currentpage} {...item} slot="desktop"/>
))
}
{
mapped_navdata.map((item) => (
<NavbarEntryMobile currentPage={currentpage} {...item} slot="mobile"/>
))
}
</Navbar>