hihala-dashboard

fahed/hihala-dashboard

Fork 0

Commit Graph

Author	SHA1	Message	Date
fahed	0e5d285680	feat: Complete mobile UX/UI overhaul Major improvements: - New CSS design system with custom properties (tokens) - Consistent spacing scale (4px base) - Touch-friendly sizing (44px min targets) - Improved Carousel with better touch handling and rubber-band effect - Enhanced FilterControls (auto-collapse on mobile) - Better stat card styling with change indicators - Refined chart cards and toggle switches - Smoother transitions and micro-interactions - Better RTL support - Print styles - Responsive breakpoints for tablet (1024px), mobile (768px), and small mobile (375px) - Cleaner typography hierarchy - Subtle shadows and depth Components updated: - App.css: Complete rewrite with design tokens - Carousel.jsx: Better touch gestures with velocity detection - StatCard.jsx: Improved change indicator styling - FilterControls.jsx: Auto-collapse on mobile - EmptyState.jsx: Better accessibility - ChartExport.js: Cleaned up unused imports	2026-02-03 15:02:29 +03:00
fahed	a2e7aa16cd	Add Slides builder, data source selector, fix cross-year labels Features: - Slides page: build presentations with configurable charts per slide - Export slides as HTML zip - Data source dropdown (Museums active, Coffees/eCommerce placeholders) - Renamed app to 'HiHala Data' with 'Museums' as subtitle Fixes: - Cross-year period labels now show 'Nov 25–Jan 26' instead of misleading year - Period display boxes updated to use smart labels UI: - New nav link for Slides - Mobile nav updated - Data source select styled to match brand	2026-02-02 17:36:15 +03:00
fahed	24fa601aec	feat(dashboard): add data labels toggle, dual-axis capture rate chart, mobile bottom nav - Global data labels toggle in header (works on Dashboard & Comparison pages) - Labels show formatted values (K/M suffix, max 2 decimals) with white pill background - Capture Rate chart now shows pilgrims as curved line on right Y-axis - Revenue Trends toggle moved to top-right corner of chart container - Mobile: bottom navigation bar with Dashboard, Compare, Labels toggle - Mobile: top nav simplified to brand only, bottom nav is thumb-friendly	2026-02-02 13:39:56 +03:00

Author

SHA1

Message

Date

fahed

0e5d285680

feat: Complete mobile UX/UI overhaul

Major improvements:
- New CSS design system with custom properties (tokens)
- Consistent spacing scale (4px base)
- Touch-friendly sizing (44px min targets)
- Improved Carousel with better touch handling and rubber-band effect
- Enhanced FilterControls (auto-collapse on mobile)
- Better stat card styling with change indicators
- Refined chart cards and toggle switches
- Smoother transitions and micro-interactions
- Better RTL support
- Print styles
- Responsive breakpoints for tablet (1024px), mobile (768px), and small mobile (375px)
- Cleaner typography hierarchy
- Subtle shadows and depth

Components updated:
- App.css: Complete rewrite with design tokens
- Carousel.jsx: Better touch gestures with velocity detection
- StatCard.jsx: Improved change indicator styling
- FilterControls.jsx: Auto-collapse on mobile
- EmptyState.jsx: Better accessibility
- ChartExport.js: Cleaned up unused imports

2026-02-03 15:02:29 +03:00

fahed

a2e7aa16cd

Add Slides builder, data source selector, fix cross-year labels

Features:
- Slides page: build presentations with configurable charts per slide
- Export slides as HTML zip
- Data source dropdown (Museums active, Coffees/eCommerce placeholders)
- Renamed app to 'HiHala Data' with 'Museums' as subtitle

Fixes:
- Cross-year period labels now show 'Nov 25–Jan 26' instead of misleading year
- Period display boxes updated to use smart labels

UI:
- New nav link for Slides
- Mobile nav updated
- Data source select styled to match brand

2026-02-02 17:36:15 +03:00

fahed

24fa601aec

feat(dashboard): add data labels toggle, dual-axis capture rate chart, mobile bottom nav

- Global data labels toggle in header (works on Dashboard & Comparison pages)
- Labels show formatted values (K/M suffix, max 2 decimals) with white pill background
- Capture Rate chart now shows pilgrims as curved line on right Y-axis
- Revenue Trends toggle moved to top-right corner of chart container
- Mobile: bottom navigation bar with Dashboard, Compare, Labels toggle
- Mobile: top nav simplified to brand only, bottom nav is thumb-friendly

2026-02-02 13:39:56 +03:00

3 Commits