43022c165e
Complete working rebuild with Framer Motion animations
...
- Verified build works before delivery
- All animations functional (stagger, hover, fade)
- Sparkline uptime visualizations
- Grid/List view toggle
- Responsive design
- Working add/delete monitors
2026-02-18 16:37:25 -06:00
15e50bc9bc
Add framer-motion dependency
2026-02-18 16:30:16 -06:00
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
9568bd81d1
Complete UI/UX redesign with modern dashboard aesthetics
...
- Applied dark OLED theme with slate color palette
- Added Fira Code/Inter typography for technical look
- Implemented glassmorphism cards with gradient accents
- Added smooth area charts with gradient fills
- Improved stats cards with glow effects
- Added tabbed navigation (Dashboard/Settings)
- Enhanced modal designs with better spacing
- Added custom scrollbar styling
- Implemented responsive grid layout
- Added hover animations and micro-interactions
- Improved accessibility with focus states
2026-02-18 12:06:39 -06:00
