@mundogamernetwork/shared-ui 1.1.84 → 1.1.87

package/assets/kit/kit-base.css

@@ -625,21 +625,34 @@ body:has(.kit-press) {
 }
 
 /* Footer */
-.kit-madewith {
-	font-size: 0.75rem;
-	color: var(--kit-muted, #8b92a0);
-	margin: 0;
-	padding-top: 24px;
+.kit-footer {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 12px;
+	padding: 40px 24px;
+	margin-top: 0;
 	border-top: 1px solid var(--kit-line, #252a34);
+	text-align: center;
 }
-.kit-madewith a {
+.kit-footer__text {
+	font-size: 0.8rem;
 	color: var(--kit-muted, #8b92a0);
-	text-decoration: none;
-	border-bottom: 1px solid var(--kit-line, #252a34);
+	margin: 0;
 }
-.kit-madewith a:hover {
+.kit-footer__cta {
+	display: inline-block;
+	padding: 8px 20px;
+	border: 1px solid var(--kit-accent, #FDB215);
 	color: var(--kit-accent, #FDB215);
-	border-color: var(--kit-accent, #FDB215);
+	font-size: 0.8rem;
+	font-weight: 600;
+	text-decoration: none;
+	transition: background 0.15s, color 0.15s;
+}
+.kit-footer__cta:hover {
+	background: var(--kit-accent, #FDB215);
+	color: #000;
 }
 
 /* ── Scroll offset for sticky anchor nav ────────────────────────────*/

package/package.json

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

package/pages/key-campaigns/[slug].vue

@@ -641,7 +641,10 @@ onMounted(async () => {
 								<img :src="campaign?.game_cover || '/imgs/no-cover-img.jpg'" alt="Cover" />
 								<div class="info">
 									{{ $t("keys.campaigns.campaign.launch") }}
-									<span>{{ $t("keys.campaigns.campaign.no_data") }}</span>
+									<span v-if="gameDetails?.first_release_date_in_full">
+										{{ gameDetails.first_release_date_textual }}
+									</span>
+									<span v-else>{{ $t("keys.campaigns.campaign.no_data") }}</span>
 								</div>
 							</div>
 

package/pages/key-campaigns/redeem-key-approved.vue

@@ -379,11 +379,11 @@ function goBack() {
 
 		.info {
 			display: flex;
-			align-items: flex-end;
+			align-items: center;
 			gap: 4px;
 			font-size: 12px;
 			color: var(--secondary-info-fg);
-			svg { color: var(--key-accent, var(--primary, #D297FF)); }
+			svg { color: var(--key-accent, var(--primary, #D297FF)); flex-shrink: 0; }
 		}
 
 		.description {

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

@@ -29,7 +29,7 @@ const lang = SUPPORTED_LOCALES.find(l => routePath.includes(l)) || 'en';
 const { data: kitData, error: fetchError, pending } = await useAsyncData(
 	`press-kit-${slug}`,
 	() => $fetch<any>(`${apiBase}/public/press-kits/${slug}`, {
-		params: { include: 'assets,videos,credits,awards,quotes', lang },
+		params: { include: 'assets,videos,credits,awards,quotes,articles,coverage,showcases', lang },
 	}),
 	{ lazy: false },
 );
@@ -361,13 +361,14 @@ useSeoMeta({
 							</div>
 						</section>
 
-						<p class="kit-madewith">
-							{{ $t('kit.press.made_with') }} <strong>Mundo Gamer</strong> —
-							<a :href="kit.create_kit_url || `${agencyBase}/presskit`" target="_blank" rel="noopener">{{ $t('kit.press.create_yours') }}</a>
-						</p>
 					</main>
 				</div>
 			</div>
+
+			<footer class="kit-footer">
+				<p class="kit-footer__text">{{ $t('kit.press.made_with') }} <strong>Mundo Gamer Agency</strong></p>
+				<a :href="kit.create_kit_url || `${agencyBase}/presskit`" target="_blank" rel="noopener" class="kit-footer__cta">{{ $t('kit.press.create_yours') }}</a>
+			</footer>
 		</template>
 	</div>
 

package/services/gamesService.ts

@@ -47,6 +47,8 @@ export interface GameImage {
 export interface GameDetail {
 	platforms?: Array<{ id: number; name: string }>
 	genres?: Array<{ id: number; localized_name: string }>
+	first_release_date_in_full?: string | null
+	first_release_date_textual?: string | null
 }
 
 export const fetchDetailGame = (lang: string, slug: string) =>