Commit Graph

4 Commits

Author SHA1 Message Date
ac51761c73 Task #4: Redesign Heartbeat Monitor - UptimeRobot inspired UI
- Clean white/light theme with blue accents (matching UptimeRobot)
- Status overview cards: Services Online, Avg Uptime, Avg Response, Incidents
- Modern card-based layout with hover effects
- Sparkline uptime visualization for each monitor
- Improved typography and spacing
- Better action buttons with hover reveal pattern
- Empty state for no monitors
- Sticky navigation header
- Responsive design maintained
2026-02-18 16:03:15 -06:00
796a760dc3 Redesign following Web Interface Guidelines
- Added skip link for accessibility
- Proper semantic HTML with <table>, <th scope>, <main>
- All icon buttons have aria-label
- Focus-visible rings on all interactive elements
- Proper form labels with htmlFor
- Input autocomplete and type attributes
- Role and aria attributes for modal
- Visual focus states without outline-none
- Better color contrast and status indicators
- Hover and transition improvements
2026-02-18 13:49:59 -06:00
28cd726320 Replace cards with simple table layout 2026-02-18 13:43:44 -06:00
08f1ff6af8 Simplify UI with clean card grid layout
- Redesigned with simpler card-based grid layout
- Added grid/list view toggle
- Cleaner status badges (ONLINE/OFFLINE)
- Simplified stats display (2 stats per card)
- Removed complex animations and effects
- Easier to read and scan quickly
- Consistent spacing and typography
2026-02-18 13:39:41 -06:00