Live strip: compact single row on desktop, no clipped values
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
parent
6a93297dfe
commit
75a08060f3
1 changed files with 4 additions and 3 deletions
|
|
@ -98,9 +98,10 @@ p{margin:0}
|
|||
.livestrip-head{display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--molten)}
|
||||
.livestrip-head a{color:var(--molten)}
|
||||
.livestrip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
|
||||
.livestrip .tile{padding:14px 16px;border-radius:12px;min-width:0}
|
||||
.livestrip .tile .v{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.livestrip .tile .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;line-height:1.35}
|
||||
.livestrip .tile{padding:12px 14px;border-radius:12px;min-width:0;display:flex;flex-direction:column;justify-content:center}
|
||||
.livestrip .tile .v{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(18px,1.6vw,22px);line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:visible;text-overflow:clip;color:var(--bone)}
|
||||
.livestrip .tile .k{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-top:5px;line-height:1.3;color:var(--ash);white-space:nowrap}
|
||||
@media (min-width:701px){.livestrip{max-width:880px}.livestrip-grid{gap:8px}}
|
||||
@media (max-width:700px){.livestrip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
|
||||
.verify{display:flex;flex-direction:column;gap:18px}
|
||||
.verify-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
|
||||
|
|
|
|||
Loading…
Reference in a new issue