@mundogamernetwork/shared-ui 1.1.51 → 1.1.53

package/assets/kit/kit-base.css

@@ -642,6 +642,22 @@ body:has(.kit-press) {
 	border-color: var(--kit-accent, #FDB215);
 }
 
+/* ── Scroll offset for sticky anchor nav ────────────────────────────*/
+/* The anchor nav is ~50px tall; sections need scroll-margin-top so
+   the browser's native anchor jump lands below the nav, not under it. */
+#overview,
+#factsheet,
+#trailers,
+#media,
+#articles,
+#creators,
+#awards,
+#team,
+#events,
+#contact {
+	scroll-margin-top: 52px;
+}
+
 /* ── Anchor nav bar ─────────────────────────────────────────────────*/
 .kit-anchornav {
 	background: var(--kit-surface, #14171d);
@@ -723,6 +739,11 @@ body:has(.kit-press) {
 	padding: 7px 14px;
 	font-size: 0.78rem;
 }
+.kit-btn-disabled {
+	opacity: 0.45;
+	cursor: not-allowed;
+	pointer-events: none;
+}
 
 /* ── Back to top button ──────────────────────────────────────────────*/
 .kit-backtop {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.1.51",
+  "version": "1.1.53",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

package/pages/presskit/game/[slug].vue

@@ -67,6 +67,8 @@ const brandAssets = computed(() => assets.value.filter((a: any) => ['logo', 'doc
 const tpl = computed(() => kit.value?.theme || null);
 const layout = computed(() => kit.value?.layout || 'classic');
 const allowDownload = computed(() => kit.value?.allow_asset_download !== false);
+const hasDownloadableAssets = computed(() => assets.value.length > 0);
+const canDownload = computed(() => allowDownload.value && hasDownloadableAssets.value);
 
 const keyPoolsVisible = ref(false);
 function onPoolsReady(count: number) {
@@ -182,7 +184,10 @@ useSeoMeta({
 						<p v-if="kit.tagline" class="kit-tagline">{{ kit.tagline }}</p>
 						<p v-if="kit.developer" class="kit-kicker">{{ kit.developer }}</p>
 						<div class="kit-actions">
-							<a v-if="allowDownload" class="kit-btn kit-btn-primary" @click="track('download')">{{ $t('kit.press.download_assets') }}</a>
+							<template v-if="allowDownload">
+								<a v-if="canDownload" class="kit-btn kit-btn-primary" @click="track('download')">{{ $t('kit.press.download_assets') }}</a>
+								<span v-else class="kit-btn kit-btn-primary kit-btn-disabled" :title="$t('kit.press.no_assets')">{{ $t('kit.press.no_assets') }}</span>
+							</template>
 							<a v-if="kit.press_contact_email" class="kit-btn kit-btn-ghost" :href="`mailto:${kit.press_contact_email}`" @click="track('contact')">{{ $t('kit.press.request_key') }}</a>
 						</div>
 					</div>
@@ -205,7 +210,10 @@ useSeoMeta({
 			<div class="kit-stickybar" :class="{ visible: scrolled }">
 				<span class="kit-stickybar-name">{{ kit.name }}</span>
 				<div class="kit-stickybar-actions">
-					<a v-if="allowDownload" class="kit-btn kit-btn-primary kit-btn-sm" @click="track('download')">{{ $t('kit.press.download_assets') }}</a>
+					<template v-if="allowDownload">
+						<a v-if="canDownload" class="kit-btn kit-btn-primary kit-btn-sm" @click="track('download')">{{ $t('kit.press.download_assets') }}</a>
+						<span v-else class="kit-btn kit-btn-primary kit-btn-sm kit-btn-disabled" :title="$t('kit.press.no_assets')">{{ $t('kit.press.no_assets') }}</span>
+					</template>
 					<a v-if="kit.press_contact_email" class="kit-btn kit-btn-ghost kit-btn-sm" :href="`mailto:${kit.press_contact_email}`" @click="track('contact')">{{ $t('kit.press.request_key') }}</a>
 				</div>
 			</div>
@@ -249,7 +257,7 @@ useSeoMeta({
 
 						<section v-if="screenshots.length || brandAssets.length" id="media" class="kit-block">
 							<div v-if="screenshots.length">
-								<div class="kit-shead"><h2>{{ $t('kit.press.screenshots') }}</h2><a v-if="allowDownload" class="kit-dl" @click="track('download')">{{ $t('kit.press.download_all') }}</a></div>
+								<div class="kit-shead"><h2>{{ $t('kit.press.screenshots') }}</h2><a v-if="canDownload" class="kit-dl" @click="track('download')">{{ $t('kit.press.download_all') }}</a></div>
 								<div class="kit-gallery">
 									<a v-for="(s, i) in screenshots" :key="i" class="kit-shot" :href="s.url" target="_blank" rel="noopener"><img :src="s.thumbnail_url || s.url" :alt="s.title || ''" /></a>
 								</div>