推进 INI 面板 control view renderer helper
This commit is contained in:
@@ -85,6 +85,47 @@
|
||||
background: #fbfdff;
|
||||
}
|
||||
.status { display: grid; gap: 8px; }
|
||||
.control-view {
|
||||
border-top: 1px solid #edf2f6;
|
||||
padding-top: 12px;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
.control-view [data-control-view-status] {
|
||||
color: var(--muted);
|
||||
font: 13px/1.4 "SFMono-Regular", "Consolas", monospace;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.control-view [data-control-view-sections] {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
.control-view section {
|
||||
border-top: 1px solid #edf2f6;
|
||||
padding-top: 10px;
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
}
|
||||
.control-view h3 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.control-view dl {
|
||||
display: grid;
|
||||
grid-template-columns: 132px 1fr;
|
||||
gap: 6px 10px;
|
||||
margin: 0;
|
||||
}
|
||||
.control-view dt {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
.control-view dd {
|
||||
margin: 0;
|
||||
font: 12px/1.4 "SFMono-Regular", "Consolas", monospace;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 4px 8px;
|
||||
@@ -247,6 +288,7 @@
|
||||
<div><span id="interp-badge" class="badge">Interpreter WASM: loading</span></div>
|
||||
<div><span id="opfs-badge" class="badge">OPFS: checking</span></div>
|
||||
</div>
|
||||
<div id="machine-session-control-view" class="control-view"></div>
|
||||
|
||||
<dl class="kv">
|
||||
<dt>Machine</dt>
|
||||
|
||||
Reference in New Issue
Block a user