eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix placement of Modrinth App promo and add toggle for the primary nav promos (#1315)

Browse Source
This commit is contained in:
Prospector
2023-08-20 12:23:17 -07:00
committed by GitHub
parent cfbf08dbf5
commit 12543be913
3 changed files with 36 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
layouts/default.vue
View File

@@ -94,10 +94,6 @@
<SettingsIcon class="icon" />
<span class="title">Settings</span>
</NuxtLink>
<NuxtLink class="item button-transparent get-the-app" to="/app">
<DownloadIcon class="icon" />
<span class="title">Get Modrinth App</span>
</NuxtLink>
<NuxtLink
v-if="tags.staffRoles.includes(auth.user.role)"
class="item button-transparent"
@@ -106,6 +102,14 @@
<ModerationIcon class="icon" />
<span class="title">Moderation</span>
</NuxtLink>
<NuxtLink
v-if="!cosmetics.hideModrinthAppPromos"
class="item button-transparent primary-color"
to="/app"
>
<DownloadIcon class="icon" />
<span class="title">Get Modrinth App</span>
</NuxtLink>
<hr class="divider" />
<button class="item button-transparent" @click="logoutUser()">
<LogOutIcon class="icon" />
@@ -118,7 +122,7 @@
<LogInIcon /> Sign in
</nuxt-link>
<nuxt-link
v-if="$route.path !== '/app'"
v-if="$route.path !== '/app' && !cosmetics.hideModrinthAppPromos"
class="btn btn-outline btn-primary"
to="/app"
>
@@ -750,7 +754,7 @@ export default defineNuxtComponent({
box-sizing: border-box;
color: inherit;
display: flex;
padding: 0.5rem;
padding: 0.5rem 0.75rem;
width: 100%;
.icon {
@@ -762,6 +766,15 @@ export default defineNuxtComponent({
&.router-link-exact-active {
color: var(--color-button-text-active);
background-color: var(--color-button-bg);
&.primary-color {
color: var(--color-button-text-active);
background-color: var(--color-brand-highlight);
}
}
&.primary-color {
color: var(--color-brand);
}
}
@@ -1161,9 +1174,5 @@ export default defineNuxtComponent({
gap: 1rem;
padding: 0.5rem 1rem;
}
.get-the-app {
color: var(--color-brand) !important;
}
</style>
<style src="vue-multiselect/dist/vue-multiselect.css"></style>