switchboard/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Releases 9 Wiki Activity

Feat v0.6.14 visual polish (#49)
All checks were successful
CI/CD / detect-changes (push) Successful in 4s
Details
CI/CD / test-frontend (push) Successful in 5s
Details
CI/CD / test-go-pg (push) Successful in 2m42s
Details
CI/CD / test-sqlite (push) Successful in 3m1s
Details
CI/CD / build-and-deploy (push) Successful in 1m8s
Details

Browse Source 
Co-authored-by: Jeffrey Smith <jasafpro@gmail.com>
Co-committed-by: Jeffrey Smith <jasafpro@gmail.com>
This commit was merged in pull request #49.
This commit is contained in:
Jeffrey Smith
2026-04-01 13:25:04 +00:00
committed by xcaliber
parent 3af62a9cc5
commit c9b9e68c18
35 changed files with 436 additions and 334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
packages/sdk-test-runner/css/main.css
View File

@@ -10,16 +10,16 @@
font-size: 20px;
font-weight: 600;
margin: 0;
color: var(--text, #e0e0e0);
color: var(--text);
}
.ext-sdk-test-runner-version {
font-size: 12px;
color: var(--text-3, #888);
color: var(--text-3);
font-family: 'JetBrains Mono', monospace;
}
.ext-sdk-test-runner-desc {
font-size: 13px;
color: var(--text-2, #aaa);
color: var(--text-2);
margin: 0 0 var(--sp-4) 0;
line-height: 1.5;
}
@@ -28,9 +28,9 @@
.ext-sdk-test-runner-fixtures {
margin-bottom: var(--sp-4);
padding: var(--sp-3) var(--sp-4);
border: 1px solid var(--border, #333);
border-radius: 6px;
background: var(--bg-raised, #1a1a1a);
border: 1px solid var(--border);
border-radius: var(--radius);
background: var(--bg-raised);
}
.ext-sdk-test-runner-fixture-row {
display: flex;
@@ -41,43 +41,43 @@
.ext-sdk-test-runner-fixture-label {
font-size: 12px;
font-weight: 600;
color: var(--text-2, #aaa);
color: var(--text-2);
text-transform: uppercase;
white-space: nowrap;
}
.ext-sdk-test-runner-select {
padding: var(--sp-1) var(--sp-2);
font-size: 13px;
background: var(--bg-raised, #222);
color: var(--text, #e0e0e0);
border: 1px solid var(--border, #444);
border-radius: 4px;
background: var(--bg-raised);
color: var(--text);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
min-width: 130px;
}
.ext-sdk-test-runner-input {
padding: var(--sp-1) var(--sp-2);
font-size: 13px;
background: var(--bg-raised, #222);
color: var(--text, #e0e0e0);
border: 1px solid var(--border, #444);
border-radius: 4px;
background: var(--bg-raised);
color: var(--text);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
flex: 1;
min-width: 200px;
max-width: 400px;
font-family: 'JetBrains Mono', monospace;
}
.ext-sdk-test-runner-input::placeholder {
color: var(--text-3, #666);
color: var(--text-3);
font-family: inherit;
}
.ext-sdk-test-runner-fixture-status {
font-size: 12px;
color: var(--text-3, #888);
color: var(--text-3);
font-family: 'JetBrains Mono', monospace;
}
.ext-sdk-test-runner-fixture-note {
font-size: 11px;
color: var(--text-3, #666);
color: var(--text-3);
margin-top: var(--sp-2);
line-height: 1.4;
}
@@ -98,13 +98,13 @@
.ext-sdk-test-runner-filter-label {
font-size: 12px;
font-weight: 600;
color: var(--text-2, #aaa);
color: var(--text-2);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.ext-sdk-test-runner-check {
font-size: 13px;
color: var(--text, #e0e0e0);
color: var(--text);
cursor: pointer;
display: inline-flex;
align-items: center;
@@ -117,25 +117,25 @@
}
.ext-sdk-test-runner-btn {
padding: var(--sp-2) var(--sp-4);
border-radius: 6px;
border: 1px solid var(--border, #444);
background: var(--bg-raised, #2a2a2a);
color: var(--text, #e0e0e0);
border-radius: var(--radius);
border: 1px solid var(--border);
background: var(--bg-raised);
color: var(--text);
font-size: 13px;
cursor: pointer;
transition: background 0.15s;
}
.ext-sdk-test-runner-btn:hover { background: var(--bg-hover, #383838); }
.ext-sdk-test-runner-btn:hover { background: var(--bg-hover); }
.ext-sdk-test-runner-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.ext-sdk-test-runner-btn-primary {
background: var(--accent, #3b82f6);
border-color: var(--accent, #3b82f6);
background: var(--accent);
border-color: var(--accent);
color: #fff;
}
.ext-sdk-test-runner-btn-primary:hover { filter: brightness(1.15); }
.ext-sdk-test-runner-btn-danger {
background: var(--danger, #ef4444);
border-color: var(--danger, #ef4444);
background: var(--danger);
border-color: var(--danger);
color: #fff;
}
@@ -146,14 +146,14 @@
gap: var(--sp-2);
margin-bottom: var(--sp-3);
padding: var(--sp-3) var(--sp-3);
background: var(--bg-raised, #1e1e1e);
border-radius: 8px;
border: 1px solid var(--border, #333);
background: var(--bg-raised);
border-radius: var(--radius);
border: 1px solid var(--border);
}
.ext-sdk-test-runner-badge {
display: inline-block;
padding: var(--sp-1) var(--sp-3);
border-radius: 4px;
border-radius: var(--radius-sm);
font-size: 12px;
font-weight: 600;
font-family: 'JetBrains Mono', monospace;
@@ -162,8 +162,8 @@
/* Table */
.ext-sdk-test-runner-table-wrap {
overflow-x: auto;
border: 1px solid var(--border, #333);
border-radius: 8px;
border: 1px solid var(--border);
border-radius: var(--radius);
}
.ext-sdk-test-runner-table {
width: 100%;
@@ -173,25 +173,25 @@
.ext-sdk-test-runner-table th {
text-align: left;
padding: var(--sp-2) var(--sp-3);
background: var(--bg-raised, #1e1e1e);
color: var(--text-2, #aaa);
background: var(--bg-raised);
color: var(--text-2);
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
border-bottom: 1px solid var(--border, #333);
border-bottom: 1px solid var(--border);
position: sticky;
top: 0;
z-index: 1;
}
.ext-sdk-test-runner-table td {
padding: var(--sp-2) var(--sp-3);
border-bottom: 1px solid var(--border-subtle, #2a2a2a);
color: var(--text, #e0e0e0);
border-bottom: 1px solid var(--border-subtle);
color: var(--text);
vertical-align: top;
}
.ext-sdk-test-runner-table tbody tr:hover {
background: var(--bg-hover, rgba(255,255,255,0.03));
background: var(--bg-hover);
}
.ext-sdk-test-runner-test-name {
font-family: 'JetBrains Mono', monospace;
@@ -205,12 +205,12 @@
.ext-sdk-test-runner-ms {
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
color: var(--text-3, #888);
color: var(--text-3);
text-align: right;
}
.ext-sdk-test-runner-detail {
font-size: 11px;
color: var(--text-3, #888);
color: var(--text-3);
max-width: 400px;
word-break: break-word;
}