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 @@
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.