cameleer/cameleer-saas
2
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: vendor console — tenant list, create wizard, detail page

Browse Source 
Implements Task 9: shared components (ServerStatusBadge, UsageIndicator,
platform.module.css, tierColor utility) and full vendor console pages
(VendorTenantsPage, CreateTenantPage, TenantDetailPage). Build passes cleanly.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-09 21:56:33 +02:00
parent bf3aa57274
commit d2f6b02a5f
7 changed files with 586 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
ui/src/styles/platform.module.css
View File

@@ -1,20 +1,63 @@
.heading { font-size: 1.5rem; font-weight: 600; color: var(--text-primary); }
.textPrimary { color: var(--text-primary); }
.textMuted { color: var(--text-muted); }
.mono { font-family: var(--font-mono); }
/* Platform shared styles */
.kvRow { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.kvLabel { font-size: 0.875rem; color: var(--text-muted); }
.kvValue { font-size: 0.875rem; color: var(--text-primary); }
.kvValueMono { font-size: 0.875rem; color: var(--text-primary); font-family: var(--font-mono); }
.heading {
font-size: 1.25rem;
font-weight: 600;
color: var(--text-primary);
margin: 0;
}
.dividerList { display: flex; flex-direction: column; }
.dividerList > * + * { border-top: 1px solid var(--border-subtle); }
.dividerRow { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0; }
.dividerRow:first-child { padding-top: 0; }
.dividerRow:last-child { padding-bottom: 0; }
.kvRow {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 2px 0;
}
.description { font-size: 0.875rem; color: var(--text-muted); }
.kvLabel {
font-size: 0.8125rem;
color: var(--text-secondary);
white-space: nowrap;
}
.tokenBlock { margin-top: 0.5rem; border-radius: var(--radius-sm); background: var(--bg-inset); border: 1px solid var(--border-subtle); padding: 0.75rem; overflow-x: auto; }
.tokenCode { font-size: 0.75rem; font-family: var(--font-mono); color: var(--text-secondary); word-break: break-all; }
.kvValue {
font-size: 0.8125rem;
color: var(--text-primary);
text-align: right;
}
.kvValueMono {
font-size: 0.8125rem;
color: var(--text-primary);
font-family: var(--font-mono, monospace);
text-align: right;
}
.dividerList {
display: flex;
flex-direction: column;
gap: 6px;
}
.description {
font-size: 0.875rem;
color: var(--text-secondary);
line-height: 1.5;
}
.tokenBlock {
background: var(--bg-inset);
border: 1px solid var(--border);
border-radius: 6px;
padding: 10px 12px;
position: relative;
}
.tokenCode {
font-family: var(--font-mono, monospace);
font-size: 0.8125rem;
color: var(--text-primary);
word-break: break-all;
white-space: pre-wrap;
}