opdavies/florida-drupalcamp-tailwindcss
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Make the mobile navigation toggleable

Browse source
This commit is contained in:
Oliver Davies 2020-12-26 23:12:05 +00:00
parent 36a4eb2d92
commit 5a2df50e90
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
templates/includes/navbar.html.twig
View file

@ -7,12 +7,12 @@
</div> </div>
<div class="max-h-16 flex items-center justify-end"> <div class="max-h-16 flex items-center justify-end">
<button aria-label="Toggle menu"> <button type="button" @click="isOpen = !isOpen" aria-label="Toggle menu">
<svg class="w-10 h-10 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg> <svg class="w-10 h-10 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
</button> </button>
</div> </div>
</div> </div>
<div class="absolute top-16 w-full bg-white"> <div class="absolute top-16 w-full bg-white" x-cloak x-show="isOpen">
<ul> <ul>
{% for item in menuLinks.findAll %} {% for item in menuLinks.findAll %}
<li> <li>