@mundogamernetwork/shared-ui 1.1.23 → 1.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/pages/presskit/[slug].vue +29 -6
package/package.json
CHANGED
|
@@ -251,12 +251,29 @@ useHead(() => ({
|
|
|
251
251
|
</div>
|
|
252
252
|
</section>
|
|
253
253
|
|
|
254
|
-
<p class="kit-madewith">
|
|
255
|
-
{{ $t('kit.press.made_with') }} <strong>Mundo Gamer</strong> —
|
|
256
|
-
<a :href="kit.create_kit_url || '/dashboard/press-kit'">{{ $t('kit.press.create_yours') }}</a>
|
|
257
|
-
</p>
|
|
258
254
|
</main>
|
|
259
255
|
</div>
|
|
256
|
+
|
|
257
|
+
<!-- ═══ Brand CTA ═══════════════════════════════════════════ -->
|
|
258
|
+
<div class="kit-brand-footer">
|
|
259
|
+
<div class="kit-brand-footer__inner">
|
|
260
|
+
<div class="kit-brand-footer__left">
|
|
261
|
+
<span class="kit-brand-footer__badge">MG</span>
|
|
262
|
+
<div>
|
|
263
|
+
<p class="kit-brand-footer__label">{{ $t('kit.press.made_with') }} <strong>Mundo Gamer Publishing</strong></p>
|
|
264
|
+
<p class="kit-brand-footer__sub">{{ $t('kit.press.brand_sub') }}</p>
|
|
265
|
+
</div>
|
|
266
|
+
</div>
|
|
267
|
+
<a
|
|
268
|
+
:href="kit.create_kit_url || 'https://agency.mundogamer.network/dashboard/press-kit'"
|
|
269
|
+
class="kit-btn kit-btn-primary kit-brand-footer__cta"
|
|
270
|
+
target="_blank"
|
|
271
|
+
rel="noopener"
|
|
272
|
+
>
|
|
273
|
+
{{ $t('kit.press.create_yours_cta') }} →
|
|
274
|
+
</a>
|
|
275
|
+
</div>
|
|
276
|
+
</div>
|
|
260
277
|
</div>
|
|
261
278
|
</template>
|
|
262
279
|
</div>
|
|
@@ -361,8 +378,14 @@ useHead(() => ({
|
|
|
361
378
|
.ctitle { font-family: 'Rajdhani'; font-weight: 700; font-size: 16px; }
|
|
362
379
|
.cmeta { font-size: 13px; color: var(--kit-muted); margin-top: 2px; }
|
|
363
380
|
|
|
364
|
-
.kit-
|
|
365
|
-
.kit-
|
|
381
|
+
.kit-brand-footer { border-top: 1px solid var(--kit-line); background: var(--kit-surface); margin-top: 0; }
|
|
382
|
+
.kit-brand-footer__inner { max-width: var(--kit-maxw); margin: 0 auto; padding: 28px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
|
|
383
|
+
.kit-brand-footer__left { display: flex; align-items: center; gap: 16px; }
|
|
384
|
+
.kit-brand-footer__badge { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: var(--kit-accent); color: var(--kit-accent-ink); font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; flex-shrink: 0; }
|
|
385
|
+
.kit-brand-footer__label { font-size: 14px; font-weight: 600; color: var(--kit-text); margin: 0; }
|
|
386
|
+
.kit-brand-footer__label strong { color: var(--kit-accent); }
|
|
387
|
+
.kit-brand-footer__sub { font-size: 12px; color: var(--kit-muted); margin: 3px 0 0; }
|
|
388
|
+
.kit-brand-footer__cta { white-space: nowrap; }
|
|
366
389
|
|
|
367
390
|
@media (max-width: 880px) {
|
|
368
391
|
.kit-layout { grid-template-columns: 1fr; gap: 32px; }
|