diff --git a/src/app/globals.css b/src/app/globals.css index 6fa8e7e..581de3e 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2035,6 +2035,12 @@ html { white-space: nowrap; } + /* Mute the remainder line so the top-2-segment namespace reads as the + primary anchor and the two stacked lines are easy to tell apart. */ + .lexicon-row-nsid .lexicon-nsid-tail { + color: var(--text-secondary); + } + /* No inline joining dot when the segments are stacked. */ .lexicon-row-nsid .lexicon-nsid-tail::before { content: none; @@ -3039,6 +3045,16 @@ html { gap: 0.5rem; } +/* Static "Repo at a glance" demo card on /explore. Mirrors the live + AccountStats grid: three tiles per row, dropping to two on mobile so the + tiles don't get cramped enough to wrap the values ("Aug 2023") or labels. */ +.repo-glance-tiles { + padding: 10px; + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 6px; +} + @media (max-width: 600px) { .account-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); @@ -3051,4 +3067,8 @@ html { .account-stats-grid .explore-small-caps { letter-spacing: 0.05em; } + + .repo-glance-tiles { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } } diff --git a/src/components/account/AccountStats.tsx b/src/components/account/AccountStats.tsx index a26ef90..992fe0a 100644 --- a/src/components/account/AccountStats.tsx +++ b/src/components/account/AccountStats.tsx @@ -385,7 +385,13 @@ function StatTile({ color: 'var(--text-tertiary)', }} > - {icon} + {/* inline-flex so the wrapper hugs the 16px glyph instead of + inheriting the inline SVG's descender space — otherwise the icon + box is taller than the icon and align-items:center pushes the + icon optically above the label text. */} + + {icon} + {label}
-
+
} label="Namespaces" value="14" /> } label="Lexicons" value="63" /> } label="Audit changes" value="8" /> - } label="Inbound links" value="2.1k" /> + } label="Backlinks" value="2.1k" /> } label="Created" @@ -155,6 +148,9 @@ function Tile({ fontWeight: 500, color: 'var(--text-primary)', lineHeight: 1, + // Keep short values (esp. "Aug 2023") on one line in the narrow + // mobile tiles instead of breaking at the space. + whiteSpace: 'nowrap', }} > {value}