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

Fix mobile nav

Browse source
This commit is contained in:
Oliver Davies 2018-06-05 18:34:48 +01:00
parent 7e689ca337
commit a6a8e4ac47
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/_partials/nav-item.html.twig
View file

@ -1,4 +1,4 @@
<a href="{{ href }}" class="p-4 border-l-2 md:border-l-0 md:border-b-2 md:ml-4 md:mr-0 md:p-0 hover:no-underline {{ page.url matches '#' ~ pattern ~ '#' ? 'border-blue' : 'border-transparent hover:border-grey-light' }} {{ loop.first ? 'border-t border-grey-lighter md:border-t-0 md:border-transparent' }}"> <a href="{{ href }}" class="block p-4 border-l-3 md:border-l-0 md:border-b-2 md:ml-4 md:mr-0 md:p-0 hover:no-underline {{ page.url matches '#' ~ pattern ~ '#' ? 'border-blue' : 'border-transparent hover:border-grey-light' }} {{ loop.first ? 'border-t border-grey-lighter md:border-t-0 md:border-transparent' }}">
<span class="flex items-center h-full"> <span class="flex items-center h-full">
{{- title -}} {{- title -}}
</span> </span>

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

@ -1,5 +1,5 @@
<div class="navbar border-bottom border-b border-grey-light mb-6" role="banner"> <div class="navbar border-bottom border-b border-grey-light mb-6" role="banner">
<header class="container mx-auto px-4"> <header class="md:container md:mx-auto px-4">
<div class="md:flex"> <div class="md:flex">
<div class="w-full md:w-1/3 lg:w-1/4 flex items-center"> <div class="w-full md:w-1/3 lg:w-1/4 flex items-center">
<div class="w-3/4 py-5"> <div class="w-3/4 py-5">
@ -15,7 +15,7 @@
</div> </div>
</div> </div>
<nav class="hidden w-full -mx-4 md:w-2/3 lg:w-3/4 md:flex md:flex-wrap md:justify-end" role="navigation"> <nav class="hidden block w-full -mx-4 md:w-2/3 lg:w-3/4 md:flex md:flex-wrap md:justify-end" role="navigation">
{% include 'nav-item.html.twig' with { {% include 'nav-item.html.twig' with {
title: 'About', title: 'About',
href: '/', href: '/',