Fix categories links

This commit is contained in:
khatabwedaa
2020-06-13 14:58:22 +02:00
parent 2d9cfcc612
commit a2d75f5572

View File

@@ -8,11 +8,13 @@
</div>
<div class="max-w-2xl mx-auto mt-4">
<span class="ml-2" v-for="route in routes" :key="route.path">
<router-link class="inline-block mt-2 px-3 py-1 rounded text-sm cursor-pointer hover:bg-gray-700 hover:text-gray-200" :class="currentPage == route.path ? 'bg-gray-700 text-gray-200' : 'bg-gray-200 text-gray-700'" :to="route.path">
{{ route.name }}
</router-link>
</span>
<div class="flex flex-wrap items-center justify-center">
<span class="ml-2" v-for="route in routes" :key="route.path">
<router-link class="inline-block mt-2 px-3 py-1 rounded text-sm cursor-pointer hover:bg-gray-700 hover:text-gray-200" :class="currentPage == route.path ? 'bg-gray-700 text-gray-200' : 'bg-gray-200 text-gray-700'" :to="route.path">
{{ route.name }}
</router-link>
</span>
</div>
<p class="mt-8 text-gray-700 text-center">Headers components require simple <span class="font-semibold">- don't panic please 😎 -</span> <a href="https://gist.github.com/Miaababikir/052e31b345781c0f73180b80a285781b" target="_blank" class="text-blue-600 hover:underline">configuration</a></p>
</div>