swarm-ui: shared Hint, ActionRow, Toolbar, EmptyState, ExternalLink and ExpandableCard replace per-page copies
Hint, ActionRow, Toolbar, EmptyState and ExternalLink replace the muted text, button row, refresh bar, empty line and _blank anchor that each page restyled under its own class. ExpandableCard (with a loading twin) holds the builds and recent-runs cards, which had identical head and body CSS. The create form's raw checkbox becomes CheckboxField. The components page shows each new piece.
This commit is contained in:
parent
b74b5e77e4
commit
8a2e5203ad
2 changed files with 689 additions and 427 deletions
|
|
@ -20,6 +20,15 @@
|
|||
color: var(--fg);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
/* `plain`: text only, no box, for a control that reads as a link in a row of
|
||||
text (it keeps the touch-target height). */
|
||||
.ui-button-plain {
|
||||
background: none;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-button:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: default;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
import type { ComponentChildren } from "preact";
|
||||
import "./Button.css";
|
||||
|
||||
export type ButtonVariant = "primary" | "default";
|
||||
export type ButtonVariant = "primary" | "default" | "plain";
|
||||
|
||||
export function Button({
|
||||
variant = "default",
|
||||
|
|
|
|||
Loading…
Reference in a new issue