@mundogamernetwork/shared-ui 1.1.34 → 1.1.36

package/components/ui/MgAppInstallBanner.vue

@@ -1,23 +1,10 @@
 <script setup lang="ts">
-// Optional props — allow the consuming layout to pass config directly
-// instead of relying on the store guessing the right runtimeConfig key.
-const props = withDefaults(defineProps<{
-	apiBaseUrl?: string;
-	platformId?: number | string;
-}>(), {
-	apiBaseUrl: undefined,
-	platformId: undefined,
-});
-
 const colorMode = useColorMode();
 const store = useAppInstallBannerStore();
 const locale = useNuxtApp().$i18n.locale;
 
 onMounted(async () => {
-	await store.fetchBanner(
-		props.apiBaseUrl,
-		props.platformId !== undefined ? Number(props.platformId) : undefined,
-	);
+	await store.fetchBanner();
 });
 
 const banner = computed(() => store.banner);

package/components/ui/MgCampaignBannerCarousel.vue

@@ -15,10 +15,10 @@ const isMobile = ref(false);
 const currentIndex = ref(0);
 let timer: ReturnType<typeof setInterval> | null = null;
 
-const { data: banners, pending } = await useAsyncData(
+const { data: banners } = await useAsyncData(
 	`mg-campaign-banners-${props.platform}-${props.page}-${locale.value}`,
 	() => fetchCampaignBanners(props.platform, props.page, locale.value),
-	{ default: () => [], lazy: true },
+	{ default: () => [], lazy: true, server: false },
 );
 
 const hasBanners = computed(() => (banners.value?.length ?? 0) > 0);
@@ -67,9 +67,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-	<div v-if="pending" class="mg-campaign-banner-skeleton mb-4" aria-hidden="true" />
-
-	<div v-else-if="hasBanners" class="mg-campaign-banner-carousel mb-4">
+	<div v-if="hasBanners" class="mg-campaign-banner-carousel mb-4">
 		<div
 			class="mg-campaign-banner-slide"
 			role="button"
@@ -98,18 +96,6 @@ onUnmounted(() => {
 </template>
 
 <style lang="scss" scoped>
-@keyframes mg-skeleton-loading {
-	0%   { background-color: rgba(255, 255, 255, 0.06); }
-	100% { background-color: rgba(221, 221, 221, 0.18); }
-}
-
-.mg-campaign-banner-skeleton {
-	width: 100%;
-	aspect-ratio: 4 / 1;
-	min-height: 120px;
-	animation: mg-skeleton-loading 0.8s linear infinite alternate;
-}
-
 .mg-campaign-banner-carousel {
 	position: relative;
 	width: 100%;
@@ -132,13 +118,11 @@ onUnmounted(() => {
 .mg-campaign-banner-indicators {
 	position: absolute;
 	bottom: 8px;
-	left: 0;
-	right: 0;
+	left: 50%;
+	transform: translateX(-50%);
 	display: flex;
-	justify-content: center;
 	gap: 6px;
 	align-items: center;
-	pointer-events: none;
 
 	button {
 		width: 8px;
@@ -147,7 +131,6 @@ onUnmounted(() => {
 		border: 0;
 		background: rgba(255, 255, 255, 0.5);
 		cursor: pointer;
-		pointer-events: all;
 		transition: background 0.2s;
 
 		&.active {

package/nuxt.config.ts

@@ -1,5 +1,8 @@
 export default defineNuxtConfig({
-	css: ["@mundogamernetwork/shared-ui/assets/kit/kit-theme.css"],
+	css: [
+		"@mundogamernetwork/shared-ui/assets/kit/kit-base.css",
+		"@mundogamernetwork/shared-ui/assets/kit/kit-theme.css",
+	],
 	runtimeConfig: {
 		public: {
 			mgSharedUi: {

package/package.json

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

package/pages/media-kit/[slug].vue

@@ -818,4 +818,10 @@ function onDownload() {
 @media print {
 	.no-print { display: none !important; }
 }
+
+// ── Scroll unlock (body has overflow-y: hidden globally in some frontends) ───
+:global(body):has(.pk-page) {
+	overflow-y: auto !important;
+	max-height: none !important;
+}
 </style>