close mobile menu on item clicked
This commit is contained in:
parent
1bd7eac4f8
commit
55baf73dd6
1 changed files with 4 additions and 1 deletions
|
|
@ -58,7 +58,10 @@ templ Index(d data.Page) {
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<ul class="flex flex-col items-center justify-center gap-8 uppercase text-white lg:flex-row lg:gap-4">
|
<ul
|
||||||
|
class="flex flex-col items-center justify-center gap-8 uppercase text-white lg:flex-row lg:gap-4"
|
||||||
|
_="on click from <a /> add .translate-x-full to <nav /> then remove .overflow-hidden from <body />"
|
||||||
|
>
|
||||||
<li>
|
<li>
|
||||||
<a href="#projects" class="relative z-0 p-2 after:absolute after:left-0 after:top-1/2 after:-z-10 after:h-3/4 after:w-0 after:-translate-y-1/2 after:bg-linear-to-r after:from-purple-500 after:to-pink-500 after:transition-all hover:after:w-full focus:after:w-full">
|
<a href="#projects" class="relative z-0 p-2 after:absolute after:left-0 after:top-1/2 after:-z-10 after:h-3/4 after:w-0 after:-translate-y-1/2 after:bg-linear-to-r after:from-purple-500 after:to-pink-500 after:transition-all hover:after:w-full focus:after:w-full">
|
||||||
Projects
|
Projects
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue