cameleer/cameleer-server
1
0
Fork 0
Code Issues 45 Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update DS to v0.1.38, enforce 12px font size floor
Some checks failed
CI / cleanup-branch (push) Has been skipped
Details
CI / build (push) Failing after 22s
Details
CI / docker (push) Has been skipped
Details
CI / deploy (push) Has been skipped
Details
CI / deploy-feature (push) Has been skipped
Details

Browse Source 
Update @cameleer/design-system to v0.1.38 (12px minimum font size).
Replace all 10px and 11px font sizes with 12px across 25 CSS modules
and 5 TSX inline styles to match the new DS floor.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-07 11:41:51 +02:00
parent 07f3c2584c
commit 9cbf647203
26 changed files with 93 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/package.json
View File

@@ -15,7 +15,7 @@
"postinstall": "node -e \"const fs=require('fs');fs.mkdirSync('public',{recursive:true});fs.copyFileSync('node_modules/@cameleer/design-system/assets/cameleer3-logo.svg','public/favicon.svg')\"" "postinstall": "node -e \"const fs=require('fs');fs.mkdirSync('public',{recursive:true});fs.copyFileSync('node_modules/@cameleer/design-system/assets/cameleer3-logo.svg','public/favicon.svg')\""
}, },
"dependencies": { "dependencies": {
"@cameleer/design-system": "^0.1.37", "@cameleer/design-system": "^0.1.38",
"@tanstack/react-query": "^5.90.21", "@tanstack/react-query": "^5.90.21",
"lucide-react": "^1.7.0", "lucide-react": "^1.7.0",
"openapi-fetch": "^0.17.0", "openapi-fetch": "^0.17.0",

2
ui/src/auth/LoginPage.module.css
View File

@@ -70,7 +70,7 @@
.dividerText { .dividerText {
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 12px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
font-weight: 500; font-weight: 500;

40
ui/src/components/ExecutionDiagram/ExecutionDiagram.module.css
View File

@@ -28,7 +28,7 @@
} }
.exchangeId { .exchangeId {
font-size: 11px; font-size: 12px;
background: var(--bg-hover, #F5F0EA); background: var(--bg-hover, #F5F0EA);
padding: 2px 6px; padding: 2px 6px;
border-radius: 3px; border-radius: 3px;
@@ -41,7 +41,7 @@
.jumpToError { .jumpToError {
margin-left: auto; margin-left: auto;
font-size: 10px; font-size: 12px;
padding: 3px 10px; padding: 3px 10px;
border: 1px solid var(--error, #C0392B); border: 1px solid var(--error, #C0392B);
background: #FDF2F0; background: #FDF2F0;
@@ -66,7 +66,7 @@
top: 8px; top: 8px;
right: 8px; right: 8px;
z-index: 10; z-index: 10;
font-size: 10px; font-size: 12px;
font-family: var(--font-mono, monospace); font-family: var(--font-mono, monospace);
padding: 3px 8px; padding: 3px 8px;
border: 1px solid var(--border, #E4DFD8); border: 1px solid var(--border, #E4DFD8);
@@ -155,13 +155,13 @@
} }
.processorId { .processorId {
font-size: 11px; font-size: 12px;
font-family: var(--font-mono, monospace); font-family: var(--font-mono, monospace);
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
} }
.processorDuration { .processorDuration {
font-size: 11px; font-size: 12px;
font-family: var(--font-mono, monospace); font-family: var(--font-mono, monospace);
color: var(--text-secondary, #5C5347); color: var(--text-secondary, #5C5347);
margin-left: auto; margin-left: auto;
@@ -171,7 +171,7 @@
STATUS BADGE STATUS BADGE
========================================================================== */ ========================================================================== */
.statusBadge { .statusBadge {
font-size: 10px; font-size: 12px;
font-weight: 600; font-weight: 600;
padding: 1px 6px; padding: 1px 6px;
border-radius: 8px; border-radius: 8px;
@@ -203,7 +203,7 @@
.tab { .tab {
padding: 6px 12px; padding: 6px 12px;
font-size: 11px; font-size: 12px;
font-family: var(--font-body, inherit); font-family: var(--font-body, inherit);
cursor: pointer; cursor: pointer;
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
@@ -261,7 +261,7 @@
} }
.fieldLabel { .fieldLabel {
font-size: 10px; font-size: 12px;
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
@@ -291,7 +291,7 @@
} }
.attributesLabel { .attributesLabel {
font-size: 10px; font-size: 12px;
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
@@ -305,7 +305,7 @@
} }
.attributePill { .attributePill {
font-size: 10px; font-size: 12px;
padding: 2px 8px; padding: 2px 8px;
background: var(--bg-hover, #F5F0EA); background: var(--bg-hover, #F5F0EA);
border-radius: 10px; border-radius: 10px;
@@ -336,7 +336,7 @@
} }
.headersColumnLabel { .headersColumnLabel {
font-size: 10px; font-size: 12px;
font-weight: 600; font-weight: 600;
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
text-transform: uppercase; text-transform: uppercase;
@@ -346,7 +346,7 @@
.headersTable { .headersTable {
width: 100%; width: 100%;
font-size: 11px; font-size: 12px;
border-collapse: collapse; border-collapse: collapse;
} }
@@ -389,7 +389,7 @@
} }
.codeFormat { .codeFormat {
font-size: 10px; font-size: 12px;
font-weight: 600; font-weight: 600;
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
text-transform: uppercase; text-transform: uppercase;
@@ -397,14 +397,14 @@
} }
.codeSize { .codeSize {
font-size: 10px; font-size: 12px;
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
font-family: var(--font-mono, monospace); font-family: var(--font-mono, monospace);
} }
.codeCopyBtn { .codeCopyBtn {
margin-left: auto; margin-left: auto;
font-size: 10px; font-size: 12px;
font-family: var(--font-body, inherit); font-family: var(--font-body, inherit);
padding: 2px 8px; padding: 2px 8px;
border: 1px solid var(--border, #E4DFD8); border: 1px solid var(--border, #E4DFD8);
@@ -424,7 +424,7 @@
padding: 12px; padding: 12px;
border-radius: 6px; border-radius: 6px;
font-family: var(--font-mono, monospace); font-family: var(--font-mono, monospace);
font-size: 11px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
overflow-x: auto; overflow-x: auto;
white-space: pre-wrap; white-space: pre-wrap;
@@ -461,7 +461,7 @@
padding: 12px; padding: 12px;
border-radius: 6px; border-radius: 6px;
font-family: var(--font-mono, monospace); font-family: var(--font-mono, monospace);
font-size: 10px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
overflow-x: auto; overflow-x: auto;
white-space: pre; white-space: pre;
@@ -475,7 +475,7 @@
} }
.errorStackLabel { .errorStackLabel {
font-size: 10px; font-size: 12px;
font-weight: 600; font-weight: 600;
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
text-transform: uppercase; text-transform: uppercase;
@@ -519,7 +519,7 @@
.ganttLabel { .ganttLabel {
width: 100px; width: 100px;
min-width: 100px; min-width: 100px;
font-size: 10px; font-size: 12px;
color: var(--text-secondary, #5C5347); color: var(--text-secondary, #5C5347);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -553,7 +553,7 @@
.ganttDuration { .ganttDuration {
width: 50px; width: 50px;
min-width: 50px; min-width: 50px;
font-size: 10px; font-size: 12px;
font-family: var(--font-mono, monospace); font-family: var(--font-mono, monospace);
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
text-align: right; text-align: right;

8
ui/src/components/ExecutionDiagram/tabs/LogTab.tsx
View File

@@ -79,7 +79,7 @@ export function LogTab({ applicationId, exchangeId, processorId }: LogTabProps)
style={{ style={{
width: '100%', width: '100%',
padding: '4px 8px', padding: '4px 8px',
fontSize: '11px', fontSize: '12px',
border: '1px solid var(--border-subtle)', border: '1px solid var(--border-subtle)',
borderRadius: 'var(--radius-sm)', borderRadius: 'var(--radius-sm)',
background: 'var(--bg-surface)', background: 'var(--bg-surface)',
@@ -89,7 +89,7 @@ export function LogTab({ applicationId, exchangeId, processorId }: LogTabProps)
}} }}
/> />
</div> </div>
<div style={{ flex: 1, overflowY: 'auto', fontSize: '11px', fontFamily: 'var(--font-mono)' }}> <div style={{ flex: 1, overflowY: 'auto', fontSize: '12px', fontFamily: 'var(--font-mono)' }}>
{entries.length === 0 ? ( {entries.length === 0 ? (
<div className={styles.emptyState}> <div className={styles.emptyState}>
{processorId ? 'No logs for this processor' : 'No logs available'} {processorId ? 'No logs for this processor' : 'No logs available'}
@@ -114,10 +114,10 @@ export function LogTab({ applicationId, exchangeId, processorId }: LogTabProps)
</tbody> </tbody>
</table> </table>
{exchangeId && ( {exchangeId && (
<div style={{ padding: '6px 10px', borderTop: '1px solid var(--border-subtle)', fontSize: '11px', textAlign: 'center' }}> <div style={{ padding: '6px 10px', borderTop: '1px solid var(--border-subtle)', fontSize: '12px', textAlign: 'center' }}>
<button <button
onClick={() => navigate(`/logs/${applicationId}?exchangeId=${exchangeId}`)} onClick={() => navigate(`/logs/${applicationId}?exchangeId=${exchangeId}`)}
style={{ background: 'none', border: 'none', color: 'var(--amber)', cursor: 'pointer', fontSize: '11px', fontFamily: 'var(--font-body)' }} style={{ background: 'none', border: 'none', color: 'var(--amber)', cursor: 'pointer', fontSize: '12px', fontFamily: 'var(--font-body)' }}
> >
Open in Logs tab {'\u2192'} Open in Logs tab {'\u2192'}
</button> </button>

2
ui/src/components/LayoutShell.tsx
View File

@@ -245,7 +245,7 @@ function StarredList({ items, onNavigate, onRemove }: { items: StarredItem[]; on
{item.icon && <span style={{ display: 'flex', alignItems: 'center', color: 'var(--sidebar-muted)' }}>{item.icon}</span>} {item.icon && <span style={{ display: 'flex', alignItems: 'center', color: 'var(--sidebar-muted)' }}>{item.icon}</span>}
<span style={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}> <span style={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
{item.label} {item.label}
{item.parentApp && <span style={{ color: 'var(--sidebar-muted)', marginLeft: 4, fontSize: 10 }}>{item.parentApp}</span>} {item.parentApp && <span style={{ color: 'var(--sidebar-muted)', marginLeft: 4, fontSize: 12 }}>{item.parentApp}</span>}
</span> </span>
<button <button
style={{ background: 'none', border: 'none', padding: 2, cursor: 'pointer', color: 'var(--sidebar-muted)', display: 'flex', alignItems: 'center', opacity: 0.6 }} style={{ background: 'none', border: 'none', padding: 2, cursor: 'pointer', color: 'var(--sidebar-muted)', display: 'flex', alignItems: 'center', opacity: 0.6 }}

6
ui/src/components/ProcessDiagram/ProcessDiagram.module.css
View File

@@ -73,7 +73,7 @@
} }
.zoomLevel { .zoomLevel {
font-size: 11px; font-size: 12px;
color: var(--text-muted, #9C9184); color: var(--text-muted, #9C9184);
min-width: 36px; min-width: 36px;
text-align: center; text-align: center;
@@ -182,7 +182,7 @@
background: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);
border-radius: 3px; border-radius: 3px;
padding: 1px 3px; padding: 1px 3px;
font-size: 10px; font-size: 12px;
color: white; color: white;
font-family: inherit; font-family: inherit;
} }
@@ -195,7 +195,7 @@
color: white; color: white;
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
font-size: 10px; font-size: 12px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

4
ui/src/components/TapConfigModal.module.css
View File

@@ -26,7 +26,7 @@
.typeOption { .typeOption {
padding: 4px 12px; padding: 4px 12px;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
font-size: 11px; font-size: 12px;
cursor: pointer; cursor: pointer;
border: 1px solid var(--border-subtle); border: 1px solid var(--border-subtle);
background: transparent; background: transparent;
@@ -72,7 +72,7 @@
.testTabBtn { .testTabBtn {
padding: 4px 12px; padding: 4px 12px;
border-radius: 6px; border-radius: 6px;
font-size: 11px; font-size: 12px;
cursor: pointer; cursor: pointer;
border: 1px solid transparent; border: 1px solid transparent;
background: transparent; background: transparent;

4
ui/src/pages/Admin/AppConfigDetailPage.module.css
View File

@@ -99,7 +99,7 @@
} }
.meta { .meta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
} }
@@ -177,7 +177,7 @@
} }
.hint { .hint {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-body); font-family: var(--font-body);
} }

16
ui/src/pages/Admin/AppConfigPage.module.css
View File

@@ -7,7 +7,7 @@
} }
.panelSectionHeader { .panelSectionHeader {
font-size: 11px; font-size: 12px;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
@@ -28,7 +28,7 @@
} }
.fieldLabel { .fieldLabel {
font-size: 10px; font-size: 12px;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
@@ -41,7 +41,7 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background: var(--bg-body); background: var(--bg-body);
color: var(--text-primary); color: var(--text-primary);
font-size: 11px; font-size: 12px;
font-family: var(--font-mono); font-family: var(--font-mono);
outline: none; outline: none;
} }
@@ -54,12 +54,12 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
font-size: 11px; font-size: 12px;
color: var(--text-secondary); color: var(--text-secondary);
} }
.sectionSummary { .sectionSummary {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
margin-bottom: 8px; margin-bottom: 8px;
display: block; display: block;
@@ -73,11 +73,11 @@
.hint { .hint {
color: var(--text-faint); color: var(--text-faint);
font-size: 11px; font-size: 12px;
} }
.routeLabel { .routeLabel {
font-size: 11px; font-size: 12px;
color: var(--text-secondary); color: var(--text-secondary);
} }
@@ -116,7 +116,7 @@
} }
.panelMeta { .panelMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
} }

4
ui/src/pages/Admin/AuditLogPage.module.css
View File

@@ -42,7 +42,7 @@
} }
.tableMeta { .tableMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
} }
@@ -72,7 +72,7 @@
} }
.detailLabel { .detailLabel {
font-size: 10px; font-size: 12px;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.8px; letter-spacing: 0.8px;

2
ui/src/pages/Admin/ClickHouseAdminPage.module.css
View File

@@ -57,7 +57,7 @@
} }
.tableMeta { .tableMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }

2
ui/src/pages/Admin/GroupsTab.tsx
View File

@@ -239,7 +239,7 @@ export default function GroupsTab({ highlightId, onHighlightConsumed }: { highli
onChange={(e) => setNewName(e.target.value)} onChange={(e) => setNewName(e.target.value)}
/> />
{duplicateGroupName && ( {duplicateGroupName && (
<span style={{ color: 'var(--error)', fontSize: 11 }}> <span style={{ color: 'var(--error)', fontSize: 12 }}>
Group name already exists Group name already exists
</span> </span>
)} )}

2
ui/src/pages/Admin/OidcConfigPage.module.css
View File

@@ -29,7 +29,7 @@
} }
.hint { .hint {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-body); font-family: var(--font-body);
} }

2
ui/src/pages/Admin/RolesTab.tsx
View File

@@ -130,7 +130,7 @@ export default function RolesTab({ highlightId, onHighlightConsumed }: { highlig
onChange={(e) => setNewName(e.target.value)} onChange={(e) => setNewName(e.target.value)}
/> />
{duplicateRoleName && ( {duplicateRoleName && (
<span style={{ color: 'var(--error)', fontSize: 11 }}> <span style={{ color: 'var(--error)', fontSize: 12 }}>
Role name already exists Role name already exists
</span> </span>
)} )}

4
ui/src/pages/Admin/UserManagement.module.css
View File

@@ -22,7 +22,7 @@
} }
.entityMeta { .entityMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-body); font-family: var(--font-body);
margin-top: 2px; margin-top: 2px;
@@ -107,7 +107,7 @@
} }
.inheritedNote { .inheritedNote {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-style: italic; font-style: italic;
font-family: var(--font-body); font-family: var(--font-body);

2
ui/src/pages/Admin/UsersTab.tsx
View File

@@ -228,7 +228,7 @@ export default function UsersTab({ highlightId, onHighlightConsumed }: { highlig
/> />
</div> </div>
{duplicateUsername && ( {duplicateUsername && (
<span style={{ color: 'var(--error)', fontSize: 11 }}> <span style={{ color: 'var(--error)', fontSize: 12 }}>
Username already exists Username already exists
</span> </span>
)} )}

18
ui/src/pages/AgentHealth/AgentHealth.module.css
View File

@@ -19,7 +19,7 @@
.breakdown { .breakdown {
display: flex; display: flex;
gap: 8px; gap: 8px;
font-size: 11px; font-size: 12px;
font-family: var(--font-mono); font-family: var(--font-mono);
} }
@@ -51,7 +51,7 @@
} }
.configLabel { .configLabel {
font-size: 10px; font-size: 12px;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
@@ -125,7 +125,7 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background: var(--amber); background: var(--amber);
color: #fff; color: #fff;
font-size: 11px; font-size: 12px;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
} }
@@ -145,7 +145,7 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background: transparent; background: transparent;
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 12px;
cursor: pointer; cursor: pointer;
} }
@@ -162,7 +162,7 @@
} }
.sectionMeta { .sectionMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }
@@ -187,7 +187,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
} }
@@ -204,7 +204,7 @@
gap: 8px; gap: 8px;
padding: 8px 16px; padding: 8px 16px;
background: var(--error-bg); background: var(--error-bg);
font-size: 11px; font-size: 12px;
color: var(--error); color: var(--error);
font-weight: 500; font-weight: 500;
} }
@@ -296,7 +296,7 @@
} }
.chartTitle { .chartTitle {
font-size: 11px; font-size: 12px;
font-weight: 600; font-weight: 600;
color: var(--text-secondary); color: var(--text-secondary);
text-transform: uppercase; text-transform: uppercase;
@@ -396,7 +396,7 @@
background: none; background: none;
border: none; border: none;
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 12px;
cursor: pointer; cursor: pointer;
padding: 2px 6px; padding: 2px 6px;
white-space: nowrap; white-space: nowrap;

6
ui/src/pages/AgentInstance/AgentInstance.module.css
View File

@@ -35,7 +35,7 @@
.scopeSep { .scopeSep {
color: var(--text-muted); color: var(--text-muted);
font-size: 10px; font-size: 12px;
} }
.scopeCurrent { .scopeCurrent {
@@ -113,7 +113,7 @@
} }
.chartMeta { .chartMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }
@@ -222,7 +222,7 @@
background: none; background: none;
border: none; border: none;
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 12px;
cursor: pointer; cursor: pointer;
padding: 2px 6px; padding: 2px 6px;
white-space: nowrap; white-space: nowrap;

10
ui/src/pages/Dashboard/Dashboard.module.css
View File

@@ -53,7 +53,7 @@
} }
.tableMeta { .tableMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }
@@ -101,7 +101,7 @@
align-items: center; align-items: center;
gap: 5px; gap: 5px;
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 11px; font-size: 12px;
color: var(--text-secondary); color: var(--text-secondary);
} }
@@ -132,14 +132,14 @@
} }
.inlineErrorText { .inlineErrorText {
font-size: 11px; font-size: 12px;
color: var(--error); color: var(--error);
font-family: var(--font-mono); font-family: var(--font-mono);
line-height: 1.4; line-height: 1.4;
} }
.inlineErrorHint { .inlineErrorHint {
font-size: 10px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
margin-top: 3px; margin-top: 3px;
} }
@@ -152,7 +152,7 @@
} }
.attrOverflow { .attrOverflow {
font-size: 10px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
} }

6
ui/src/pages/DashboardTab/DashboardTab.module.css
View File

@@ -30,7 +30,7 @@
} }
.refreshText { .refreshText {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }
@@ -59,7 +59,7 @@
} }
.tableMeta { .tableMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }
@@ -136,7 +136,7 @@
.toggleBtn { .toggleBtn {
padding: 3px 10px; padding: 3px 10px;
font-size: 11px; font-size: 12px;
font-family: var(--font-mono); font-family: var(--font-mono);
color: var(--text-muted); color: var(--text-muted);
background: transparent; background: transparent;

8
ui/src/pages/Exchanges/ExchangeHeader.module.css
View File

@@ -117,7 +117,7 @@
.chainTotal { .chainTotal {
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 10px; font-size: 12px;
font-weight: 600; font-weight: 600;
color: var(--text-secondary); color: var(--text-secondary);
margin-left: auto; margin-left: auto;
@@ -131,7 +131,7 @@
.chainArrow { .chainArrow {
color: var(--text-faint, var(--text-muted)); color: var(--text-faint, var(--text-muted));
font-size: 10px; font-size: 12px;
margin: 0 4px; margin: 0 4px;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -143,7 +143,7 @@
padding: 3px 8px; padding: 3px 8px;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
border: 1px solid var(--border-subtle); border: 1px solid var(--border-subtle);
font-size: 10px; font-size: 12px;
font-family: var(--font-mono); font-family: var(--font-mono);
cursor: pointer; cursor: pointer;
background: var(--bg-surface); background: var(--bg-surface);
@@ -197,6 +197,6 @@
.chainNone { .chainNone {
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 12px;
font-style: italic; font-style: italic;
} }

2
ui/src/pages/Exchanges/RouteControlBar.module.css
View File

@@ -37,7 +37,7 @@
border: none; border: none;
background: none; background: none;
font: inherit; font: inherit;
font-size: 11px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: var(--text-secondary); color: var(--text-secondary);
cursor: pointer; cursor: pointer;

16
ui/src/pages/LogsTab/LogEntry.module.css
View File

@@ -42,7 +42,7 @@
max-width: 180px; max-width: 180px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-size: 11px; font-size: 12px;
} }
.message { .message {
@@ -61,7 +61,7 @@
} }
.chip { .chip {
font-size: 10px; font-size: 12px;
padding: 1px 6px; padding: 1px 6px;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background: var(--bg-raised); background: var(--bg-raised);
@@ -88,13 +88,13 @@
.detailLabel { .detailLabel {
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 12px;
} }
.detailValue { .detailValue {
color: var(--text-primary); color: var(--text-primary);
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 11px; font-size: 12px;
word-break: break-all; word-break: break-all;
} }
@@ -112,7 +112,7 @@
.stackTrace { .stackTrace {
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 11px; font-size: 12px;
color: var(--error); color: var(--error);
background: var(--bg-deep); background: var(--bg-deep);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
@@ -138,7 +138,7 @@
.mdcEntry { .mdcEntry {
display: flex; display: flex;
gap: 2px; gap: 2px;
font-size: 11px; font-size: 12px;
font-family: var(--font-mono); font-family: var(--font-mono);
background: var(--bg-deep); background: var(--bg-deep);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
@@ -164,7 +164,7 @@
border: 1px solid var(--border-subtle); border: 1px solid var(--border-subtle);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
padding: 4px 10px; padding: 4px 10px;
font-size: 11px; font-size: 12px;
color: var(--text-secondary); color: var(--text-secondary);
cursor: pointer; cursor: pointer;
font-family: var(--font-body); font-family: var(--font-body);
@@ -189,6 +189,6 @@
color: var(--amber); color: var(--amber);
cursor: pointer; cursor: pointer;
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 11px; font-size: 12px;
text-decoration: underline; text-decoration: underline;
} }

2
ui/src/pages/LogsTab/LogSearch.module.css
View File

@@ -136,7 +136,7 @@
align-items: center; align-items: center;
gap: 12px; gap: 12px;
padding: 4px 16px; padding: 4px 16px;
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
border-top: 1px solid var(--border-subtle); border-top: 1px solid var(--border-subtle);
background: var(--bg-surface); background: var(--bg-surface);

12
ui/src/pages/Routes/RouteDetail.module.css
View File

@@ -44,7 +44,7 @@
} }
.headerStatLabel { .headerStatLabel {
font-size: 10px; font-size: 12px;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.6px; letter-spacing: 0.6px;
@@ -192,7 +192,7 @@
} }
.tableMeta { .tableMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }
@@ -267,7 +267,7 @@
.errorTime { .errorTime {
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 12px;
} }
/* Route flow section */ /* Route flow section */
@@ -299,7 +299,7 @@
} }
.recordingLabel { .recordingLabel {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
} }
@@ -378,7 +378,7 @@
.typeOption { .typeOption {
padding: 4px 12px; padding: 4px 12px;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
font-size: 11px; font-size: 12px;
cursor: pointer; cursor: pointer;
border: 1px solid var(--border-subtle); border: 1px solid var(--border-subtle);
background: var(--bg-surface); background: var(--bg-surface);
@@ -423,7 +423,7 @@
.testTabBtn { .testTabBtn {
padding: 4px 12px; padding: 4px 12px;
border-radius: 6px; border-radius: 6px;
font-size: 11px; font-size: 12px;
cursor: pointer; cursor: pointer;
border: 1px solid var(--border-subtle); border: 1px solid var(--border-subtle);
background: var(--bg-surface); background: var(--bg-surface);

4
ui/src/pages/Routes/RoutesMetrics.module.css
View File

@@ -27,7 +27,7 @@
} }
.refreshText { .refreshText {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }
@@ -62,7 +62,7 @@
} }
.tableMeta { .tableMeta {
font-size: 11px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
font-family: var(--font-mono); font-family: var(--font-mono);
} }