cameleer/cameleer-server
1
0
Fork 0
Code Issues 42 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

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

@@ -28,7 +28,7 @@
}
.exchangeId {
font-size: 11px;
font-size: 12px;
background: var(--bg-hover, #F5F0EA);
padding: 2px 6px;
border-radius: 3px;
@@ -41,7 +41,7 @@
.jumpToError {
margin-left: auto;
font-size: 10px;
font-size: 12px;
padding: 3px 10px;
border: 1px solid var(--error, #C0392B);
background: #FDF2F0;
@@ -66,7 +66,7 @@
top: 8px;
right: 8px;
z-index: 10;
font-size: 10px;
font-size: 12px;
font-family: var(--font-mono, monospace);
padding: 3px 8px;
border: 1px solid var(--border, #E4DFD8);
@@ -155,13 +155,13 @@
}
.processorId {
font-size: 11px;
font-size: 12px;
font-family: var(--font-mono, monospace);
color: var(--text-muted, #9C9184);
}
.processorDuration {
font-size: 11px;
font-size: 12px;
font-family: var(--font-mono, monospace);
color: var(--text-secondary, #5C5347);
margin-left: auto;
@@ -171,7 +171,7 @@
STATUS BADGE
========================================================================== */
.statusBadge {
font-size: 10px;
font-size: 12px;
font-weight: 600;
padding: 1px 6px;
border-radius: 8px;
@@ -203,7 +203,7 @@
.tab {
padding: 6px 12px;
font-size: 11px;
font-size: 12px;
font-family: var(--font-body, inherit);
cursor: pointer;
color: var(--text-muted, #9C9184);
@@ -261,7 +261,7 @@
}
.fieldLabel {
font-size: 10px;
font-size: 12px;
color: var(--text-muted, #9C9184);
text-transform: uppercase;
letter-spacing: 0.5px;
@@ -291,7 +291,7 @@
}
.attributesLabel {
font-size: 10px;
font-size: 12px;
color: var(--text-muted, #9C9184);
text-transform: uppercase;
letter-spacing: 0.5px;
@@ -305,7 +305,7 @@
}
.attributePill {
font-size: 10px;
font-size: 12px;
padding: 2px 8px;
background: var(--bg-hover, #F5F0EA);
border-radius: 10px;
@@ -336,7 +336,7 @@
}
.headersColumnLabel {
font-size: 10px;
font-size: 12px;
font-weight: 600;
color: var(--text-muted, #9C9184);
text-transform: uppercase;
@@ -346,7 +346,7 @@
.headersTable {
width: 100%;
font-size: 11px;
font-size: 12px;
border-collapse: collapse;
}
@@ -389,7 +389,7 @@
}
.codeFormat {
font-size: 10px;
font-size: 12px;
font-weight: 600;
color: var(--text-muted, #9C9184);
text-transform: uppercase;
@@ -397,14 +397,14 @@
}
.codeSize {
font-size: 10px;
font-size: 12px;
color: var(--text-muted, #9C9184);
font-family: var(--font-mono, monospace);
}
.codeCopyBtn {
margin-left: auto;
font-size: 10px;
font-size: 12px;
font-family: var(--font-body, inherit);
padding: 2px 8px;
border: 1px solid var(--border, #E4DFD8);
@@ -424,7 +424,7 @@
padding: 12px;
border-radius: 6px;
font-family: var(--font-mono, monospace);
font-size: 11px;
font-size: 12px;
line-height: 1.5;
overflow-x: auto;
white-space: pre-wrap;
@@ -461,7 +461,7 @@
padding: 12px;
border-radius: 6px;
font-family: var(--font-mono, monospace);
font-size: 10px;
font-size: 12px;
line-height: 1.5;
overflow-x: auto;
white-space: pre;
@@ -475,7 +475,7 @@
}
.errorStackLabel {
font-size: 10px;
font-size: 12px;
font-weight: 600;
color: var(--text-muted, #9C9184);
text-transform: uppercase;
@@ -519,7 +519,7 @@
.ganttLabel {
width: 100px;
min-width: 100px;
font-size: 10px;
font-size: 12px;
color: var(--text-secondary, #5C5347);
overflow: hidden;
text-overflow: ellipsis;
@@ -553,7 +553,7 @@
.ganttDuration {
width: 50px;
min-width: 50px;
font-size: 10px;
font-size: 12px;
font-family: var(--font-mono, monospace);
color: var(--text-muted, #9C9184);
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={{
width: '100%',
padding: '4px 8px',
fontSize: '11px',
fontSize: '12px',
border: '1px solid var(--border-subtle)',
borderRadius: 'var(--radius-sm)',
background: 'var(--bg-surface)',
@@ -89,7 +89,7 @@ export function LogTab({ applicationId, exchangeId, processorId }: LogTabProps)
}}
/>
</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 ? (
<div className={styles.emptyState}>
{processorId ? 'No logs for this processor' : 'No logs available'}
@@ -114,10 +114,10 @@ export function LogTab({ applicationId, exchangeId, processorId }: LogTabProps)
</tbody>
</table>
{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
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'}
</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>}
<span style={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
{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>
<button
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 {
font-size: 11px;
font-size: 12px;
color: var(--text-muted, #9C9184);
min-width: 36px;
text-align: center;
@@ -182,7 +182,7 @@
background: rgba(255, 255, 255, 0.15);
border-radius: 3px;
padding: 1px 3px;
font-size: 10px;
font-size: 12px;
color: white;
font-family: inherit;
}
@@ -195,7 +195,7 @@
color: white;
border-radius: 2px;
cursor: pointer;
font-size: 10px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;

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

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