diff --git a/index.html b/index.html index fe980e6..59eb843 100644 --- a/index.html +++ b/index.html @@ -198,7 +198,7 @@ .state.ok { color: var(--spin-success); } .state.warn { color: var(--spin-warning); } .state.err { color: var(--spin-error); } .state.idle { color: var(--spin-muted); } .state.warn::before { border-radius: 1px; transform: rotate(45deg); } .state.err::before { border-radius: 0; } .panels { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--spin-width-panel-min)), 1fr)); gap: 1rem; } -.panel { background: var(--spin-page); border: 1px solid var(--spin-border); border-radius: var(--spin-radius); overflow: hidden; } +.panel { background: var(--spin-page); border: 1px solid var(--spin-border); border-radius: var(--spin-radius-sm); overflow: hidden; } .panel header { display: flex; align-items: center; gap: .6rem; padding: .5rem .75rem; background: var(--spin-surface); border-bottom: 1px solid var(--spin-border); font-size: 13px; } .panel header b { font: 600 14px var(--spin-font-mono); } .panel header .grow { flex: 1; } @@ -413,7 +413,7 @@

Sizes

Panels
-

A section of a page is a heading and its rows; a thing with its own identity and its single action is a panel. A hairline edge at --spin-radius, its header - the name in the mono, its state, the one action and ⋯ - on surface, its body on the page, no shadow: it does not float. Panels tile across the column, none narrower than --spin-width-panel-min; inside one, a table has fixed tracks, so a column is at one x in every panel. A list of many is a table, never a panel per row.

+

A section of a page is a heading and its rows; a thing with its own identity and its single action is a panel. A hairline edge at the dashboard's one corner, --spin-radius-sm, its header - the name in the mono, its state, the one action and ⋯ - on surface, its body on the page, no shadow: it does not float. Panels tile across the column, none narrower than --spin-width-panel-min; inside one, a table has fixed tracks, so a column is at one x in every panel. A list of many is a table, never a panel per row.

webpending
diff --git a/palette.toml b/palette.toml index 89116ed..ce6ac69 100644 --- a/palette.toml +++ b/palette.toml @@ -173,9 +173,9 @@ width_page = 1600 # px # What a page is made of, inside that column. A section of a page is a heading, a hairline and # its rows, on the page's own plane: a border around every section made the console a grid of # cards (the October review). A thing with its own identity and its single action - a network -# policy, a resource preset, a forge's app - is a panel: a hairline edge at `radius`, its header (name, state, -# the action and its menu) on `surface`, its body on the page, no shadow, since it does not -# float. A list of many is a table, never a panel per row. Panels tile across the column, each +# policy, a resource preset, a forge's app - is a panel: a hairline edge at the dashboard's one +# corner (`radius_sm`), its header (name, state, the action and its menu) on `surface`, its body +# on the page, no shadow, since it does not float. A list of many is a table, never a panel per row. Panels tile across the column, each # at least this wide: at 1600 px two rules tables side by side, where one stretched to the # column's width put a port 1000 px from its destination (2026-11-08). In the column a table has # fixed tracks, so a column is at one x in every row and every panel, and a label and its value