Feat v0.6.13 responsive spacing (#48)
All checks were successful
CI/CD / detect-changes (push) Successful in 3s
CI/CD / test-frontend (push) Successful in 6s
CI/CD / test-go-pg (push) Successful in 2m45s
CI/CD / test-sqlite (push) Successful in 2m49s
CI/CD / build-and-deploy (push) Successful in 1m33s

Co-authored-by: Jeffrey Smith <jasafpro@gmail.com>
Co-committed-by: Jeffrey Smith <jasafpro@gmail.com>
This commit was merged in pull request #48.
This commit is contained in:
2026-04-01 12:26:28 +00:00
committed by xcaliber
parent 221ae94f4f
commit 3af62a9cc5
25 changed files with 625 additions and 526 deletions

View File

@@ -3,8 +3,8 @@
.ext-sdk-test-runner-header {
display: flex;
align-items: baseline;
gap: 12px;
margin-bottom: 4px;
gap: var(--sp-3);
margin-bottom: var(--sp-1);
}
.ext-sdk-test-runner-header h1 {
font-size: 20px;
@@ -20,14 +20,14 @@
.ext-sdk-test-runner-desc {
font-size: 13px;
color: var(--text-2, #aaa);
margin: 0 0 16px 0;
margin: 0 0 var(--sp-4) 0;
line-height: 1.5;
}
/* Fixtures panel */
.ext-sdk-test-runner-fixtures {
margin-bottom: 16px;
padding: 10px 14px;
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);
@@ -35,7 +35,7 @@
.ext-sdk-test-runner-fixture-row {
display: flex;
align-items: center;
gap: 10px;
gap: var(--sp-3);
flex-wrap: wrap;
}
.ext-sdk-test-runner-fixture-label {
@@ -46,7 +46,7 @@
white-space: nowrap;
}
.ext-sdk-test-runner-select {
padding: 4px 8px;
padding: var(--sp-1) var(--sp-2);
font-size: 13px;
background: var(--bg-raised, #222);
color: var(--text, #e0e0e0);
@@ -55,7 +55,7 @@
min-width: 130px;
}
.ext-sdk-test-runner-input {
padding: 4px 8px;
padding: var(--sp-1) var(--sp-2);
font-size: 13px;
background: var(--bg-raised, #222);
color: var(--text, #e0e0e0);
@@ -78,7 +78,7 @@
.ext-sdk-test-runner-fixture-note {
font-size: 11px;
color: var(--text-3, #666);
margin-top: 6px;
margin-top: var(--sp-2);
line-height: 1.4;
}
@@ -86,14 +86,14 @@
.ext-sdk-test-runner-controls {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 16px;
gap: var(--sp-3);
margin-bottom: var(--sp-4);
}
.ext-sdk-test-runner-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
gap: var(--sp-2);
}
.ext-sdk-test-runner-filter-label {
font-size: 12px;
@@ -113,10 +113,10 @@
.ext-sdk-test-runner-check input { cursor: pointer; }
.ext-sdk-test-runner-btn-row {
display: flex;
gap: 8px;
gap: var(--sp-2);
}
.ext-sdk-test-runner-btn {
padding: 6px 14px;
padding: var(--sp-2) var(--sp-4);
border-radius: 6px;
border: 1px solid var(--border, #444);
background: var(--bg-raised, #2a2a2a);
@@ -143,16 +143,16 @@
.ext-sdk-test-runner-summary {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
padding: 10px 12px;
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);
}
.ext-sdk-test-runner-badge {
display: inline-block;
padding: 3px 10px;
padding: var(--sp-1) var(--sp-3);
border-radius: 4px;
font-size: 12px;
font-weight: 600;
@@ -172,7 +172,7 @@
}
.ext-sdk-test-runner-table th {
text-align: left;
padding: 8px 10px;
padding: var(--sp-2) var(--sp-3);
background: var(--bg-raised, #1e1e1e);
color: var(--text-2, #aaa);
font-weight: 600;
@@ -185,7 +185,7 @@
z-index: 1;
}
.ext-sdk-test-runner-table td {
padding: 6px 10px;
padding: var(--sp-2) var(--sp-3);
border-bottom: 1px solid var(--border-subtle, #2a2a2a);
color: var(--text, #e0e0e0);
vertical-align: top;