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

Navbar tweaks

Browse source
This commit is contained in:
Oliver Davies 2021-06-30 08:00:00 +01:00
parent 675d5c846d
commit 7aee983f7e
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
source/_layouts/base.html.twig
View file

@ -6,7 +6,7 @@
{% include 'navbar' %} {% include 'navbar' %}
<div class="max-w-2xl px-4 py-16 mx-auto"> <div class="max-w-2xl px-4 py-10 mx-auto md:py-16">
<div id="main-content"> <div id="main-content">
<h1 class="text-xl font-bold md:text-2xl">{{ page.title }}</h1> <h1 class="text-xl font-bold md:text-2xl">{{ page.title }}</h1>

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

@ -1,5 +1,5 @@
<div> <div>
<div class="max-w-2xl px-4 py-2 mx-auto"> <div class="max-w-2xl px-4 py-4 mx-auto">
<div class="flex flex-col items-center justify-between md:flex-row"> <div class="flex flex-col items-center justify-between md:flex-row">
<div> <div>
<a href="/"> <a href="/">
@ -18,7 +18,7 @@
</div> </div>
<div> <div>
<nav class="flex flex-col items-center mt-4 md:mt-0 md:flex-row md:space-x-4"> <nav class="flex items-center mt-4 space-x-4 md:mt-0 md:flex-row">
{% for item in site.menus.main %} {% for item in site.menus.main %}
{% set is_active = page.url matches '#' ~ item.is_active ~ '#' %} {% 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> <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>