Standardize UI typography, charts and empty states
This commit is contained in:
@@ -256,14 +256,14 @@
|
||||
<style>
|
||||
.revision-list { display:grid; gap:20px; margin-top:16px; }
|
||||
.page { display:grid; gap:24px; min-width:0; }
|
||||
h2 { margin:0; font-size:18px; } p { line-height:1.6; overflow-wrap:anywhere; }
|
||||
h2 { margin:0; font-size: var(--text-md); } p { line-height:1.6; overflow-wrap:anywhere; }
|
||||
a { color:var(--accent-primary-hover); }
|
||||
.decision { background:var(--surface); border:1px solid var(--border-subtle); border-radius:var(--radius-md); padding:20px 24px; }
|
||||
.decision > p { margin:12px 0 0; }
|
||||
.summary-heading,.actions,.timing { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
|
||||
.summary-heading { justify-content:space-between; }
|
||||
.summary-count { color:var(--text-secondary); font-size:var(--text-sm); margin:6px 0 0; }
|
||||
.timing,.muted { color:var(--text-secondary); font-size:13px; }.timing { margin-top:16px; }
|
||||
.timing,.muted { color:var(--text-secondary); font-size: var(--text-sm); }.timing { margin-top:16px; }
|
||||
.reason { border-left:3px solid var(--state-warning); padding-left:12px; }
|
||||
.deadline { margin-top:12px; font-size:var(--text-sm); color:var(--text-secondary); }.deadline p { max-width:760px; }.deadline.urgent > summary { color:var(--state-warning); }
|
||||
.more-actions { position:relative; }.more-actions > summary { padding:10px 12px; color:var(--text-secondary); font-size:var(--text-sm); }
|
||||
@@ -272,7 +272,7 @@
|
||||
.text-button { background:transparent; border:0; color:var(--text-secondary); font:inherit; cursor:pointer; }
|
||||
.file-list { display:grid; gap:12px; margin-top:16px; }
|
||||
.file-list > div { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
|
||||
.file-list code { overflow-wrap:anywhere; } .file-list li { margin:10px 0; } .file-list li span { margin-left:12px; font-size:12px; color:var(--text-secondary); }
|
||||
.file-list code { overflow-wrap:anywhere; } .file-list li { margin:10px 0; } .file-list li span { margin-left:12px; font-size: var(--text-xs); color:var(--text-secondary); }
|
||||
details > summary { cursor:pointer; font-weight:600; } #test-servers { scroll-margin-top:80px; min-width:0; }
|
||||
@media(max-width:720px) { table { min-width:620px; }.decision { padding:16px; }.timing { align-items:flex-start; flex-direction:column; }.action-menu { right:auto; left:0; } }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user