grant/spark-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

v0.11.0:2 - pill sizing fix: match .tag exactly to .status "Healthy" pill

Browse Source 
User feedback: every pill outside the Always-On Services cards was rendering
visually taller than the "Healthy" status pill they liked. Root cause was
the .tag additions in 0.11.0:1 (line-height: 1.5, display: inline-block)
that didn't match the .status pill on service cards (which has neither).

Dropped both additions, bumped font-size from 11px → 12px so .tag is now
pixel-identical to .status:
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--surface-2);
  border: 1px solid var(--border);

Every pill on the dashboard (mode-cluster/mode-solo/cap/on-disk/not-on-disk/
custom-pill/.tag.ok/.tag.warn/.tag.bad) now renders at the same footprint
as the Healthy/Unhealthy/Starting pills on the service cards.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Keysat
2026-05-18 17:46:57 -05:00
parent 4aa6cf5046
commit 3d273223f2
2 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
image/app/static/style.css
+1 -3
View File
@@ -687,9 +687,7 @@ main {
border: 1px solid var(--border);
padding: 2px 8px;
border-radius: 999px;
font-size: 11px;
line-height: 1.5;
display: inline-block;
font-size: 12px;
}
.tag.mode-cluster { color: var(--info); border-color: rgba(96, 165, 250, 0.4); }
.tag.mode-solo { color: var(--accent); border-color: rgba(74, 222, 128, 0.4); }
package/startos/versions/v0_1_0.ts
+2 -2
View File
@@ -1,10 +1,10 @@
import { VersionInfo, IMPOSSIBLE } from '@start9labs/start-sdk'
export const v0_1_0 = VersionInfo.of({
version: '0.11.0:1',
version: '0.11.0:2',
releaseNotes: {
en_US:
'v0.11.0:1 — dashboard polish. Three changes: (1) Below Spark hardware + endpoint, the dashboard now has two tabs — "LLM" (model swap + downloads + spark-vllm-docker updates) and "Audio / Speech" (Parakeet/Magpie services + speech-model patches). Selection persists in localStorage; default is LLM. (2) The OpenAI-compatible Endpoint card now has a collapse/expand chevron in its header; defaults to collapsed since most of the time you don\'t need the URL/model details visible. State persists per-browser. (3) Pill sizing across the page is now identical — the speech-models panel\'s status pills no longer render larger than the model-card tags. Refactor: dropped the dedicated .sm-pill CSS class and reused .tag with semantic color modifiers (.tag.ok / .tag.warn / .tag.bad). No backend changes; this is pure dashboard UX.',
'v0.11.0:2 — pill sizing fix. The 0.11.0:1 .tag refactor added line-height: 1.5 + display: inline-block, which made every pill on the LLM cards and speech-models panel visually taller than the "Healthy" status pill on the Always-On Services cards. Dropped both additions and bumped .tag font-size from 11px → 12px so every pill on the dashboard now matches the .status pill exactly (12px, default inline, no explicit line-height). Cards, status, on-disk, mode, custom, and speech-model pills all render at the same footprint.',
},
migrations: {
up: async ({ effects }) => {},