10h30/astroplate
1
0
Fork 0
mirror of https://github.com/10h30/astroplate.git synced 2026-07-11 18:56:06 +09:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #76 from victor-arango/fix/mobile-nav-menu

Browse Source 
fix(nav): enable menu expansion and click support on mobile
This commit is contained in:
Somrat
2025-10-05 12:29:05 +06:00
committed by GitHub
parent d470cb2aff e054b37b8a
commit 24bfff47b5
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/partials/Header.astro
+9 -3
View File
@@ -55,7 +55,13 @@ const { pathname } = Astro.url;
<> <>
{menu.hasChildren ? ( {menu.hasChildren ? (
<li class="nav-item nav-dropdown group relative"> <li class="nav-item nav-dropdown group relative">
<span <input
type="checkbox"
id={`submenu-${menu.name}`}
class="peer hidden lg:hidden"
/>
<label
for={`submenu-${menu.name}`}
class={`nav-link inline-flex items-center ${ class={`nav-link inline-flex items-center ${
menu.children?.map(({ url }) => url).includes(pathname) || menu.children?.map(({ url }) => url).includes(pathname) ||
menu.children menu.children
@@ -69,8 +75,8 @@ const { pathname } = Astro.url;
<svg class="h-4 w-4 fill-current" viewBox="0 0 20 20"> <svg class="h-4 w-4 fill-current" viewBox="0 0 20 20">
<path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /> <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
</svg> </svg>
</span> </label>
<ul class="nav-dropdown-list hidden group-hover:block lg:invisible lg:absolute lg:block lg:opacity-0 lg:group-hover:visible lg:group-hover:opacity-100"> <ul class=" hidden peer-checked:block lg:invisible lg:absolute lg:block lg:opacity-0 lg:group-hover:visible lg:group-hover:opacity-100">
{menu.children?.map((child) => ( {menu.children?.map((child) => (
<li class="nav-dropdown-item"> <li class="nav-dropdown-item">
<a <a