opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

Add active menu link styling

Browse source
This commit is contained in:
Oliver Davies 2021-06-30 08:00:00 +01:00
parent 1e504a944f
commit c6ee7f805e
2 changed files with 18 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
source/_partials/navbar.html.twig
View file

@ -19,9 +19,10 @@
<div>
<nav class="flex flex-col items-center mt-4 md:mt-0 md:flex-row md:space-x-4">
<a class="text-black" href="/">About</a>
<a class="text-black" href="/blog">Blog</a>
<a class="text-black" href="/talks">Talks</a>
{% for item in site.menus.main %}
{% set is_active = page.url matches '#' ~ item.is_active ~ '#' %}
<a class="text-black border-b-3 py-2 {{ is_active ? 'border-blue-700' : 'border-transparent' }}" href="{{ item.href }}">{{ item.title }}</a>
{% endfor %}
</nav>
</div>
</div>