Workaround to have tabindex for mobile dropdown but not on desktop
This commit is contained in:
parent
336c0c0db5
commit
b03eba2bd5
4 changed files with 91 additions and 4 deletions
src/layouts
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue