Adjust menu link spacing

This commit is contained in:
Oliver Davies 2021-06-30 08:00:00 +01:00
parent 6044ea5575
commit ff416ba36e
2 changed files with 3 additions and 3 deletions

View file

@ -1,7 +1,7 @@
<footer class="mt-20">
<nav class="flex flex-wrap justify-center space-x-3">
<nav class="flex flex-wrap justify-center -mb-3">
{% for link in site.menus.footer %}
<a class="text-lg dark:text-white dark:text-decoration-white link" href="{{ link.href }}">{{ link.title }}</a>
<a class="mx-3 mb-3 text-lg dark:text-white dark:text-decoration-white link" href="{{ link.href }}">{{ link.title }}</a>
{% endfor %}
</nav>
</footer>

View file

@ -18,7 +18,7 @@
</div>
<div>
<nav class="flex items-center mt-4 space-x-4 md:mt-0 md:flex-row">
<nav class="flex items-center mt-4 space-x-6 md:mt-0 md:flex-row">
{% for item in site.menus.main %}
{% set is_active = page.url matches '#' ~ item.is_active ~ '#' %}
<a class="text-black dark:text-white border-b-3 py-2 {{ is_active ? 'border-blue-800 dark:border-blue-400' : 'border-transparent' }}" href="{{ item.href }}">{{ item.title }}</a>