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

68
src/css/admin-surfaces.css
View File

@@ -8,9 +8,9 @@
display: flex;
flex-direction: column;
gap: 1px;
background: var(--border, #2a2a2e);
border: 1px solid var(--border, #2a2a2e);
border-radius: 8px;
background: var(--border);
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
}
@@ -20,7 +20,7 @@
justify-content: space-between;
gap: 12px;
padding: 14px 16px;
background: var(--bg-secondary, #151517);
background: var(--bg-secondary);
}
.admin-surface-row:hover {
@@ -42,31 +42,31 @@
.admin-surface-name {
font-size: 14px;
font-weight: 600;
color: var(--text, #eee);
color: var(--text);
}
.admin-surface-badge {
font-size: 10px;
font-weight: 600;
padding: 2px 6px;
border-radius: 4px;
border-radius: var(--radius-sm);
text-transform: uppercase;
letter-spacing: 0.3px;
}
.admin-surface-badge--core {
background: var(--accent-dim, rgba(179, 138, 78, 0.15));
color: var(--accent, #b38a4e);
background: var(--accent-dim);
color: var(--accent);
}
.admin-surface-badge--extension {
background: var(--purple-dim, rgba(160, 120, 255, 0.1));
color: var(--purple, #a078ff);
background: var(--purple-dim);
color: var(--purple);
}
.admin-surface-badge--required {
background: var(--bg-raised, #2a2a2e);
color: var(--text-3, #555);
background: var(--bg-raised);
color: var(--text-3);
}
.admin-surface-meta {
@@ -74,18 +74,18 @@
align-items: center;
gap: 12px;
font-size: 12px;
color: var(--text-3, #555);
color: var(--text-3);
}
.admin-surface-id {
font-family: var(--mono, 'SF Mono', monospace);
font-family: var(--mono);
font-size: 11px;
}
.admin-surface-route {
font-family: var(--mono, 'SF Mono', monospace);
font-family: var(--mono);
font-size: 11px;
color: var(--text-3, #555);
color: var(--text-3);
}
.admin-surface-actions {
@@ -114,8 +114,8 @@
height: 20px;
appearance: none;
-webkit-appearance: none;
background: var(--bg-raised, #2a2a2e);
border-radius: 10px;
background: var(--bg-raised);
border-radius: var(--radius-lg);
position: relative;
cursor: pointer;
transition: background 0.2s;
@@ -123,7 +123,7 @@
}
.admin-surface-toggle input[type="checkbox"]:checked {
background: var(--accent, #b38a4e);
background: var(--accent);
}
.admin-surface-toggle input[type="checkbox"]::after {
@@ -148,7 +148,7 @@
.admin-surface-toggle-label {
font-size: 12px;
color: var(--text-2, #999);
color: var(--text-2);
min-width: 56px;
}
@@ -159,36 +159,36 @@
gap: 12px;
}
.dashboard-provider-card {
background: var(--bg-surface, #1a1a1d);
border: 1px solid var(--border, #2a2a2e);
border-radius: 8px;
background: var(--bg-surface);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 12px 14px;
}
.dashboard-db-pool {
background: var(--bg-surface, #1a1a1d);
border: 1px solid var(--border, #2a2a2e);
border-radius: 8px;
background: var(--bg-surface);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 14px;
}
.dashboard-pool-bar {
height: 8px;
background: var(--bg-raised, #2a2a2e);
border-radius: 4px;
background: var(--bg-raised);
border-radius: var(--radius-sm);
overflow: hidden;
}
.dashboard-pool-fill {
height: 100%;
background: var(--accent, #b38a4e);
border-radius: 4px;
background: var(--accent);
border-radius: var(--radius-sm);
transition: width 0.3s ease;
}
.dashboard-errors {
display: flex;
flex-direction: column;
gap: 1px;
background: var(--border, #2a2a2e);
border: 1px solid var(--border, #2a2a2e);
border-radius: 8px;
background: var(--border);
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
}
.dashboard-error-row {
@@ -196,6 +196,6 @@
align-items: center;
gap: 12px;
padding: 8px 12px;
background: var(--bg-secondary, #151517);
background: var(--bg-secondary);
font-size: 12px;
}