8a2e5203ad
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.
34 lines
960 B
CSS
34 lines
960 B
CSS
/* The settings form: the fields wrap in a row, the provider fields on a row of
|
|
* their own under the ACP runtime, then the save action. */
|
|
.ui-classifier-settings {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1em;
|
|
margin-top: 1em;
|
|
}
|
|
/* One grid for every group of fields: each field has the same width and the
|
|
same edges at any width, and a label that wraps cannot push one input lower
|
|
than its neighbour's. */
|
|
.ui-classifier-settings-fields {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));
|
|
gap: 0.75em;
|
|
}
|
|
/* A field that needs the whole row (a URL, a model name). */
|
|
.ui-classifier-settings-wide {
|
|
grid-column: 1 / -1;
|
|
}
|
|
/* The provider fields, under their own heading. */
|
|
.ui-classifier-settings-group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.75em;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
.ui-classifier-settings-group > legend {
|
|
padding: 0;
|
|
margin-bottom: 0.5em;
|
|
font-weight: 600;
|
|
}
|