Set parent route active for all sub-routes

This commit is contained in:
Christopher C. Wells 2021-01-27 06:01:42 -08:00
parent bc77f923a2
commit 9cae200c0f
1 changed files with 6 additions and 6 deletions

View File

@ -10,9 +10,9 @@
</a>
</div>
<div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">
<x-nav-link :href="route('journal-entries.index')" :active="request()->routeIs('journal-entries.index')">Journal</x-nav-link>
<x-nav-link :href="route('recipes.index')" :active="request()->routeIs('recipes.index')">Recipes</x-nav-link>
<x-nav-link :href="route('foods.index')" :active="request()->routeIs('foods.index')">Foods</x-nav-link>
<x-nav-link :href="route('journal-entries.index')" :active="request()->routeIs('journal-entries.*')">Journal</x-nav-link>
<x-nav-link :href="route('recipes.index')" :active="request()->routeIs('recipes.*')">Recipes</x-nav-link>
<x-nav-link :href="route('foods.index')" :active="request()->routeIs('foods.*')">Foods</x-nav-link>
</div>
</div>
@ -56,9 +56,9 @@
<!-- Responsive Navigation Menu -->
<div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
<div class="pt-2 pb-3 space-y-1">
<x-responsive-nav-link :href="route('journal-entries.index')" :active="request()->routeIs('journal-entries.index')">Journal</x-responsive-nav-link>
<x-responsive-nav-link :href="route('recipes.index')" :active="request()->routeIs('recipes.index')">Recipes</x-responsive-nav-link>
<x-responsive-nav-link :href="route('foods.index')" :active="request()->routeIs('foods.index')">Foods</x-responsive-nav-link>
<x-responsive-nav-link :href="route('journal-entries.index')" :active="request()->routeIs('journal-entries.*')">Journal</x-responsive-nav-link>
<x-responsive-nav-link :href="route('recipes.index')" :active="request()->routeIs('recipes.*')">Recipes</x-responsive-nav-link>
<x-responsive-nav-link :href="route('foods.index')" :active="request()->routeIs('foods.*')">Foods</x-responsive-nav-link>
</div>
<!-- Responsive Settings Options -->