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

Fix spacing, add isActive method

Browse source
This commit is contained in:
Oliver Davies 2018-12-19 20:30:35 +00:00
parent ca612a276f
commit 15d8cadbda
1 changed files with 37 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -22,7 +22,7 @@
:href="item.href" :href="item.href"
class="block text-black focus:text-white focus:no-underline focus-within:bg-blue 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:text-white focus:no-underline focus-within:bg-blue 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="{ :class="{
'border-blue hover:border-blue': pageUrl.match(new RegExp(item.pattern)), 'border-blue hover:border-blue': isActive(item),
}" }"
> >
<span class="flex items-center h-full"> <span class="flex items-center h-full">
@ -38,6 +38,12 @@
export default { export default {
props: ['siteName', 'pageUrl'], props: ['siteName', 'pageUrl'],
methods: {
isActive(item) {
return this.pageUrl.match(new RegExp(item.pattern))
}
},
data() { data() {
return { return {
mobileNavHidden: true, mobileNavHidden: true,