feat(dashboard): add Beta label to Mods page title (#912)

Render a "Beta" badge next to the <h1> on /mods, reusing the amber
palette of the page's existing Early Access banner. The title row
becomes a flex container so the badge sits inline and wraps on narrow
screens; other component types are unaffected.


Claude-Session: https://claude.ai/code/session_01JQ9pFGm3xwDohnhzW9ThEV

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Daniel Avila
2026-09-16 19:04:02 -04:00
committed by GitHub
parent 8021309d3c
commit c4761eb38a
+10 -3
View File
@@ -101,9 +101,16 @@ export function getStaticPaths() {
</div>
<div class="flex-1">
<h1 class="text-3xl font-bold text-[var(--color-text-primary)] mb-2 tracking-tight">
{config?.label ?? activeType}
</h1>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 mb-2">
<h1 class="text-3xl font-bold text-[var(--color-text-primary)] tracking-tight">
{config?.label ?? activeType}
</h1>
{activeType === 'mods' && (
<span class="inline-flex items-center rounded-full border border-amber-500/40 bg-amber-500/10 px-2.5 py-1 font-ui-mono text-[11px] font-semibold uppercase tracking-wide text-amber-400">
Beta
</span>
)}
</div>
<p class="text-[15px] text-[var(--color-text-secondary)] leading-relaxed max-w-2xl">
{meta?.tagline ?? meta?.description}
</p>