inspin
/
inspin.io
2
0
Fork 0
Code Issues Activity

highlight header links, product pages

main
Ryan Moon 2024-08-26 06:51:55 -04:00
parent 59edc7aff8
commit b27bf765c9
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/Header.vue
View File

@ -17,18 +17,18 @@
<img src="/img/logo.svg" alt="inspin digital"> <img src="/img/logo.svg" alt="inspin digital">
</NuxtLink> </NuxtLink>
<ul class="links"> <ul class="links">
<li><NuxtLink to="/about" :class="route.path === '/about' ? 'highlight' : ''">About</NuxtLink></li> <li><NuxtLink to="/about" :class="route.path.includes('/about') ? 'highlight' : ''">About</NuxtLink></li>
<li><NuxtLink to="/products" :class="route.path === '/products' ? 'highlight' : ''">Products</NuxtLink></li> <li><NuxtLink to="/products" :class="route.path.includes('/products') ? 'highlight' : ''">Products</NuxtLink></li>
<li><NuxtLink to="/resources" :class="route.path === '/resources' ? 'highlight' : ''">Resources</NuxtLink></li> <li><NuxtLink to="/resources" :class="route.path.includes('/resources') ? 'highlight' : ''">Resources</NuxtLink></li>
<li><NuxtLink to="/articles" :class="route.path === '/articles' ? 'highlight' : ''">Articles</NuxtLink></li> <li><NuxtLink to="/articles" :class="route.path.includes('/articles') ? 'highlight' : ''">Articles</NuxtLink></li>
</ul> </ul>
<ul class="cta" v-if="!user"> <ul class="cta" v-if="!user">
<li class="btn"><NuxtLink to="/contact">Get in touch</NuxtLink></li> <li class="btn"><NuxtLink to="/contact">Get in touch</NuxtLink></li>
<li><NuxtLink to="/login">Sign in</NuxtLink></li> <li><NuxtLink to="/login">Sign in</NuxtLink></li>
</ul> </ul>
<ul class="user" v-if="user"> <ul class="user" v-if="user">
<li><NuxtLink to="/settings" :class="route.name === 'settings' ? 'highlight' : ''">{{ user.first_name }} {{ user.last_name }}</NuxtLink></li> <li><NuxtLink to="/settings" :class="route.name.includes('settings') ? 'highlight' : ''">{{ user.first_name }} {{ user.last_name }}</NuxtLink></li>
<li><NuxtLink to="/dashboard" :class="route.name === 'dashboard' ? 'highlight' : ''">Dashboard</NuxtLink></li> <li><NuxtLink to="/dashboard" :class="route.name.includes('dashboard') ? 'highlight' : ''">Dashboard</NuxtLink></li>
</ul> </ul>
</div> </div>