Commit Graph

8 Commits

Author SHA1 Message Date
bc82bc818a Complete redesign: Linear + Vercel style dashboard with sidebar navigation
- Collapsible glassmorphism sidebar with navigation items
- Top navbar with global status banner, search, actions, avatar
- 4 KPI metric cards with sparkline charts using recharts
- Bento-grid style service cards with hover actions
- Full Framer Motion animations throughout
- Dark theme with emerald/cyan accents
- Responsive layout (1-3 columns)
- Add monitor modal with animations
2026-02-18 17:37:59 -06:00
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