Bommels05/Modrinth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix navigation tab highlights for certain project types

Browse Source
This commit is contained in:
Prospector 2024-11-03 10:45:32 -08:00
parent 3b966c03ee
commit c7a2a3e29b
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/frontend/src/layouts/default.vue
View File

@ -62,7 +62,7 @@
</NuxtLink> </NuxtLink>
</div> </div>
<div <div
class="col-span-2 row-start-2 flex flex-wrap justify-center gap-4 lg:col-span-1 lg:row-start-auto" :class="`col-span-2 row-start-2 flex flex-wrap justify-center ${flags.projectTypesPrimaryNav ? 'gap-2' : 'gap-4'} lg:col-span-1 lg:row-start-auto`"
> >
<template v-if="flags.projectTypesPrimaryNav"> <template v-if="flags.projectTypesPrimaryNav">
<ButtonStyled <ButtonStyled
@ -80,7 +80,7 @@
route.name === 'search-resourcepacks' || route.path.startsWith('/resourcepack/') route.name === 'search-resourcepacks' || route.path.startsWith('/resourcepack/')
" "
:highlighted-style=" :highlighted-style="
route.name === 'search-mods' ? 'main-nav-primary' : 'main-nav-secondary' route.name === 'search-resourcepacks' ? 'main-nav-primary' : 'main-nav-secondary'
" "
> >
<nuxt-link to="/resourcepacks"> <nuxt-link to="/resourcepacks">
@ -91,7 +91,7 @@
type="transparent" type="transparent"
:highlighted="route.name === 'search-datapacks' || route.path.startsWith('/datapack/')" :highlighted="route.name === 'search-datapacks' || route.path.startsWith('/datapack/')"
:highlighted-style=" :highlighted-style="
route.name === 'search-mods' ? 'main-nav-primary' : 'main-nav-secondary' route.name === 'search-datapacks' ? 'main-nav-primary' : 'main-nav-secondary'
" "
> >
<nuxt-link to="/datapacks"> <BracesIcon aria-hidden="true" /> Data Packs </nuxt-link> <nuxt-link to="/datapacks"> <BracesIcon aria-hidden="true" /> Data Packs </nuxt-link>
@ -100,7 +100,7 @@
type="transparent" type="transparent"
:highlighted="route.name === 'search-modpacks' || route.path.startsWith('/modpack/')" :highlighted="route.name === 'search-modpacks' || route.path.startsWith('/modpack/')"
:highlighted-style=" :highlighted-style="
route.name === 'search-mods' ? 'main-nav-primary' : 'main-nav-secondary' route.name === 'search-modpacks' ? 'main-nav-primary' : 'main-nav-secondary'
" "
> >
<nuxt-link to="/modpacks"> <PackageOpenIcon aria-hidden="true" /> Modpacks </nuxt-link> <nuxt-link to="/modpacks"> <PackageOpenIcon aria-hidden="true" /> Modpacks </nuxt-link>
@ -109,7 +109,7 @@
type="transparent" type="transparent"
:highlighted="route.name === 'search-shaders' || route.path.startsWith('/shader/')" :highlighted="route.name === 'search-shaders' || route.path.startsWith('/shader/')"
:highlighted-style=" :highlighted-style="
route.name === 'search-mods' ? 'main-nav-primary' : 'main-nav-secondary' route.name === 'search-shaders' ? 'main-nav-primary' : 'main-nav-secondary'
" "
> >
<nuxt-link to="/shaders"> <GlassesIcon aria-hidden="true" /> Shaders </nuxt-link> <nuxt-link to="/shaders"> <GlassesIcon aria-hidden="true" /> Shaders </nuxt-link>