azcomputerguru/claudetools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(dashboard): UI refinements - density, flat agents table, history log

Browse Source 
- Reduce layout density ~20% (tighter padding, margins, fonts)
- Flatten Agents table view with Client/Site columns (no grouping)
- Add version info to sidebar footer (UI v0.2.0, API v0.1.0)
- Replace Commands nav with sidebar History log
- Add /history page with full command list
- Add /history/:id detail view with output display
- Apply Mission Control styling to all new components

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
azcomputerguru
2026-01-21 08:12:31 -07:00
parent d7200de452
commit c332f4f48d
7 changed files with 730 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
projects/msp-tools/guru-rmm/dashboard/src/index.css
View File

@@ -395,7 +395,7 @@ code, pre, .mono {
border: 1px solid var(--glass-border);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
padding: 1.5rem;
padding: 1rem;
transition: all var(--transition-base);
}
@@ -669,7 +669,7 @@ code, pre, .mono {
background: var(--bg-card);
border: 1px solid var(--border-primary);
border-radius: var(--radius-lg);
padding: 1.5rem;
padding: 1rem;
transition: all var(--transition-base);
}
@@ -683,8 +683,8 @@ code, pre, .mono {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
padding-bottom: 1rem;
margin-bottom: 0.75rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid var(--border-secondary);
}
@@ -703,10 +703,10 @@ code, pre, .mono {
backdrop-filter: blur(var(--glass-blur));
border: 1px solid var(--glass-border);
border-radius: var(--radius-lg);
padding: 1.25rem;
padding: 1rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
gap: 0.375rem;
}
.metric-label {
@@ -719,7 +719,7 @@ code, pre, .mono {
.metric-value {
font-family: var(--font-mono);
font-size: 2rem;
font-size: 1.75rem;
font-weight: 700;
color: var(--text-primary);
line-height: 1;
@@ -761,13 +761,13 @@ code, pre, .mono {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.75rem;
padding: 0.75rem 1rem;
padding: 0.5rem 0.75rem;
text-align: left;
border-bottom: 1px solid var(--border-primary);
}
.data-grid td {
padding: 0.75rem 1rem;
padding: 0.5rem 0.75rem;
color: var(--text-secondary);
border-bottom: 1px solid var(--border-secondary);
transition: background var(--transition-fast);
@@ -790,7 +790,7 @@ code, pre, .mono {
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.625rem 1.25rem;
padding: 0.5rem 1rem;
font-family: var(--font-mono);
font-size: 0.875rem;
font-weight: 600;
@@ -954,9 +954,9 @@ code, pre, .mono {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
padding: 0.375rem 0.75rem;
font-family: var(--font-mono);
font-size: 0.875rem;
font-size: 0.8125rem;
font-weight: 500;
color: var(--text-muted);
background: transparent;
@@ -987,7 +987,7 @@ code, pre, .mono {
border-right: 1px solid var(--glass-border);
height: 100vh;
position: fixed;
width: 260px;
width: 240px;
overflow-y: auto;
z-index: 100;
}
@@ -1238,6 +1238,15 @@ code, pre, .mono {
letter-spacing: 0.2em;
}
/* Compact spacing utilities */
.space-y-compact > * + * {
margin-top: 0.75rem;
}
.gap-compact {
gap: 0.75rem;
}
/* ============================================================
SCROLLBAR STYLING
============================================================ */