food-cockpit/foodlinkk-command-center
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve cockpit typography for readability across all pages.

Browse Source 
Raise base font to 16px, enlarge sidebar, buttons, tables and headings, add Inter font and global typography layer.
This commit is contained in:
Aissa
2026-07-19 18:49:52 +00:00
parent 8d2766efb6
commit ff22498dcd
6 changed files with 206 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cockpit/static/css/palantir-theme.css
+9 -8
View File
@@ -12,8 +12,9 @@ body {
background: var(--bg-root);
color: var(--text-primary);
font-family: var(--font-sans);
font-size: 14px;
line-height: 1.5;
font-size: 16px;
line-height: 1.55;
letter-spacing: 0.01em;
}
a {
@@ -155,7 +156,7 @@ html {
.panel h2 {
margin: 0 0 1rem;
font-size: 0.8rem;
font-size: 1.0625rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--text-muted);
@@ -395,7 +396,7 @@ html {
.data-table {
width: 100%;
border-collapse: collapse;
font-size: 0.8125rem;
font-size: 0.9375rem;
}
.data-table th,
@@ -408,7 +409,7 @@ html {
.data-table th {
color: var(--text-muted);
font-weight: 600;
font-size: 0.7rem;
font-size: 0.8125rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
@@ -484,7 +485,7 @@ html {
.drawer.open { transform: translateX(0); }
.drawer-close { float: right; background: transparent; border: none; color: var(--text-primary); font-size: 1.5rem; cursor: pointer; }
.btn-group { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.btn-sm { padding: .25rem .55rem; font-size: 12px; }
.btn-sm { padding: 0.35rem 0.75rem; font-size: 0.875rem; min-height: 2rem; }
.clickable-row { cursor: pointer; transition: background .15s; }
.clickable-row:hover { background: var(--bg-hover); }
.clickable-kpi { text-decoration: none; color: inherit; display: block; transition: transform .15s, box-shadow .15s; }
@@ -511,7 +512,7 @@ html {
.chat-msg.user { background: rgba(0,200,255,.08); }
.chat-msg.agent { background: var(--bg-root); border: 1px solid var(--border-subtle); }
.chat-input { display: flex; gap: .5rem; }
.page-tip { color: var(--text-muted); font-size: 13px; }
.page-tip { color: var(--text-muted); font-size: 0.9375rem; line-height: 1.5; }
.ai-output { white-space: pre-wrap; background: var(--bg-root); padding: 1rem; border-radius: var(--radius-md); min-height: 80px; }
.log-list { list-style: none; padding: 0; max-height: 240px; overflow: auto; }
body.drawer-open { overflow: hidden; }
@@ -674,7 +675,7 @@ body.drawer-open { overflow: hidden; }
}
@media (max-width: 600px) { .settings-form-grid { grid-template-columns: 1fr; } }
.form-label { display: block; font-size: 0.8rem; color: var(--text-muted); margin-bottom: 0.75rem; }
.form-label { display: block; font-size: 0.875rem; color: var(--text-muted); margin-bottom: 0.75rem; }
.form-label .form-input { margin-top: 0.25rem; }
.form-check { display: flex; align-items: center; gap: 0.5rem; margin: 0.75rem 0; font-size: 0.9rem; }