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

Fix staging banner (#1573)

Browse Source 
* Revert "Add API indicator and staging banner (#1563)"

This reverts commit a75de51198.

* Revert "Revert "Add API indicator and staging banner (#1563)""

This reverts commit b4d3b56b33ca4080fa3bc1b7a2dde7b21ba18e51.

* Fix banner to only show on staging

---------

Co-authored-by: Jai A <jaiagr+gpg@pm.me>
This commit is contained in:
Prospector
2024-01-12 08:01:15 -08:00
committed by GitHub
parent 1392c16f12
commit fa83da6085
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
layouts/default.vue
View File

@@ -16,7 +16,13 @@
</nuxt-link> </nuxt-link>
</template> </template>
</div> </div>
<div v-if="!cosmetics.hideStagingBanner" class="site-banner site-banner--warning"> <div
v-if="
config.public.apiBaseUrl.startsWith('https://staging-api.modrinth.com') &&
!cosmetics.hideStagingBanner
"
class="site-banner site-banner--warning"
>
<div class="site-banner__title"> <div class="site-banner__title">
<IssuesIcon /> <IssuesIcon />
<span> You’re viewing Modrinth’s staging environment </span> <span> You’re viewing Modrinth’s staging environment </span>
@@ -1220,7 +1226,7 @@ export default defineNuxtComponent({
gap: 0.5rem; gap: 0.5rem;
grid-template: 'title actions' 'description actions'; grid-template: 'title actions' 'description actions';
padding-block: var(--gap-xl); padding-block: var(--gap-xl);
padding-inline: calc((100% - 80rem) / 2 + var(--gap-md)); padding-inline: max(calc((100% - 80rem) / 2 + var(--gap-md)), var(--gap-xl));
.site-banner__title { .site-banner__title {
grid-area: title; grid-area: title;
@@ -1235,6 +1241,7 @@ export default defineNuxtComponent({
color: var(--color-red); color: var(--color-red);
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
flex-shrink: 0;
} }
} }