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

Reduce font size in navbar

Browse source
This commit is contained in:
Oliver Davies 2018-12-30 23:45:55 +00:00
parent 6e1a4bd881
commit 39cb6d4022
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/js/components/Navbar.vue
View file

@ -3,7 +3,7 @@
<div class="sm:flex">
<div class="w-full sm:w-1/3 lg:w-1/4 flex items-center">
<div class="w-3/4 py-5">
<div class="font-semibold">{{ siteTitle }}</div>
<div class="font-semibold text-sm">{{ siteTitle }}</div>
</div>
<div class="w-1/4 text-right sm:hidden">
@ -20,7 +20,7 @@
>
<a
v-for="item in items"
class="block text-black focus:outline-none p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline"
class="block text-black focus:outline-none p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline text-sm"
:class="{'border-blue hover:border-blue': isActive(item)}"
:href="item.href"
>

2
source/_partials/layout/navbar.html.twig
View file

@ -1,7 +1,7 @@
<div class="border-bottom border-b border-grey-light mb-6 fixed pin-t w-full bg-white z-20">
<div class="px-4 md:px-8 mx-auto">
<div class="block py-5 v-cloak-block">
<div class="font-semibold">{{ site.title }}</div>
<div class="font-semibold text-sm">{{ site.title }}</div>
</div>
<navbar site-title="{{ site.title }}" page-url="{{ page.url }}"></navbar>