Add team and stream counts to footer with improved layout

- Added team and stream counts displayed when OBS disconnected
- Added counts display alongside live status when OBS connected
- Moved OFFLINE/IDLE status indicators to left column for better balance
- Fixed green dot positioning to be properly next to "Connected" text
- Added custom CSS for status dots since Tailwind classes weren't applying
- Enhanced footer layout with better visual hierarchy

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Decobus 2025-07-22 14:42:18 -04:00
parent 7f475680ae
commit ec6ff1b570
3 changed files with 127 additions and 26 deletions

View file

@ -40,6 +40,30 @@ body {
line-height: 1.6;
}
/* Status Indicator Dots */
.status-dot {
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
}
.status-dot.connected {
background-color: #859900; /* Solarized green */
}
.status-dot.disconnected {
background-color: #dc322f; /* Solarized red */
}
.status-dot.streaming {
background-color: #dc322f; /* Solarized red */
}
.status-dot.idle {
background-color: #586e75; /* Solarized base01 */
}
/* Glass Card Component */
.glass {
background: rgba(7, 54, 66, 0.4);