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

Temporary nav revert

Browse Source
This commit is contained in:
Prospector 2024-08-21 14:08:56 -07:00
parent 161fc6bb68
commit aaf125cfca
1 changed files with 83 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -64,6 +64,27 @@
<div <div
class="col-span-2 row-start-2 flex flex-wrap justify-center gap-1 sm:col-span-1 sm:row-start-auto" class="col-span-2 row-start-2 flex flex-wrap justify-center gap-1 sm:col-span-1 sm:row-start-auto"
> >
<div class="hidden xl:contents">
<ButtonStyled type="transparent">
<nuxt-link to="/mods" class="temp-nav-buttons"> Mods </nuxt-link>
</ButtonStyled>
<ButtonStyled type="transparent">
<nuxt-link to="/resourcepacks" class="temp-nav-buttons"> Resource Packs </nuxt-link>
</ButtonStyled>
<ButtonStyled type="transparent">
<nuxt-link to="/datapacks" class="temp-nav-buttons"> Data Packs </nuxt-link>
</ButtonStyled>
<ButtonStyled type="transparent">
<nuxt-link to="/modpacks" class="temp-nav-buttons"> Modpacks </nuxt-link>
</ButtonStyled>
<ButtonStyled type="transparent">
<nuxt-link to="/shaders" class="temp-nav-buttons"> Shaders </nuxt-link>
</ButtonStyled>
<ButtonStyled type="transparent">
<nuxt-link to="/plugins" class="temp-nav-buttons"> Plugins </nuxt-link>
</ButtonStyled>
</div>
<div class="contents xl:hidden">
<ButtonStyled type="transparent"> <ButtonStyled type="transparent">
<OverflowMenu <OverflowMenu
class="btn-dropdown-animation flex items-center gap-1 rounded-xl bg-transparent px-2 py-1" class="btn-dropdown-animation flex items-center gap-1 rounded-xl bg-transparent px-2 py-1"
@ -106,7 +127,7 @@
<template #modpacks> <PackageOpenIcon aria-hidden="true" /> Modpacks </template> <template #modpacks> <PackageOpenIcon aria-hidden="true" /> Modpacks </template>
</OverflowMenu> </OverflowMenu>
</ButtonStyled> </ButtonStyled>
<div class="contents lg:hidden"> </div>
<ButtonStyled type="transparent"> <ButtonStyled type="transparent">
<OverflowMenu <OverflowMenu
v-if="auth.user" v-if="auth.user"
@ -137,8 +158,7 @@
</template> </template>
</OverflowMenu> </OverflowMenu>
</ButtonStyled> </ButtonStyled>
</div> <div v-if="false" class="hidden lg:contents">
<div class="hidden lg:contents">
<ButtonStyled v-if="false" type="transparent"> <ButtonStyled v-if="false" type="transparent">
<a href="https://bisecthosting.com/modrinth"> <a href="https://bisecthosting.com/modrinth">
<ServerIcon aria-hidden="true" /> Host a server <ServerIcon aria-hidden="true" /> Host a server
@ -1297,5 +1317,10 @@ function hideStagingBanner() {
padding-top: 0.75rem; padding-top: 0.75rem;
} }
} }
.temp-nav-buttons.router-link-exact-active {
color: var(--color-contrast) !important;
background-color: var(--color-brand-highlight) !important;
}
</style> </style>
<style src="vue-multiselect/dist/vue-multiselect.css"></style> <style src="vue-multiselect/dist/vue-multiselect.css"></style>