admin redesign: topbar state zone, podcast hub tabs, AnalyticsPanel CSS classes, useAutosave

This commit is contained in:
nmemmert
2026-06-01 11:45:52 -04:00
parent a58d75c425
commit b9ed8761db
5 changed files with 277 additions and 54 deletions
+112
View File
@@ -5852,3 +5852,115 @@
}
}
/* ── Admin Redesign: Topbar state zone ── */
.admin-topbar-left {
display: flex;
align-items: center;
gap: 0.75rem;
}
.admin-topbar-state {
display: flex;
align-items: center;
gap: 0.75rem;
flex: 1;
justify-content: center;
flex-wrap: wrap;
}
/* ── Admin Redesign: Analytics CSS classes ── */
.admin-analytics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 2rem;
margin-bottom: 2rem;
}
.admin-analytics-card {
background: #1a1a15;
padding: 1.5rem;
border-radius: 0.5rem;
border: 1px solid #2a2518;
}
.admin-analytics-card--wide {
grid-column: 1 / -1;
}
.admin-analytics-card-title {
margin-bottom: 1rem;
}
.admin-analytics-geo {
margin-bottom: 2rem;
}
/* ── Bot reason list ── */
.admin-bot-reason-list {
list-style: none;
padding: 0;
margin: 0;
}
.admin-bot-reason-item {
padding: 0.5rem 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #2a2518;
}
.admin-bot-reason-item strong {
color: var(--brand-gold);
}
/* ── Visitor table helpers ── */
.admin-stats-grid--visitor {
margin-bottom: 1.5rem;
}
.admin-visitor-ip {
font-size: 0.8rem;
color: #aaa;
}
.admin-visitor-path {
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.admin-visitor-tag {
display: inline-block;
padding: 0.1rem 0.5rem;
border-radius: 999px;
font-size: 0.75rem;
}
.admin-visitor-tag--returning {
background: #1a3a1a;
color: #6dbf6d;
border: 1px solid #2a5a2a;
}
.admin-visitor-tag--new {
background: #1a1a15;
color: #888;
border: 1px solid #333;
}
.admin-visitor-count {
text-align: center;
color: var(--brand-gold);
}
/* ── Podcast hub tabs ── */
.admin-tabs--podcast {
margin-bottom: 2rem;
}
/* ── Chart tabs ── */
.admin-tabs--charts {
margin-bottom: 1.5rem;
}