dwindown
bc4b64fd2f
feat(customers): Add responsive table for orders on desktop
Improved Orders section with proper responsive design:
Desktop (≥768px):
✅ Clean table layout
✅ Columns: Order | Date | Status | Items | Total
✅ Hover effect on rows
✅ Click row to view order
✅ Compact, scannable format
✅ Right-aligned numbers
✅ Status badges
Mobile (<768px):
✅ Card layout (existing)
✅ Full order details
✅ Touch-friendly
✅ Status badges
✅ Tap to view order
Table Structure:
┌─────────┬────────────┬──────────┬───────┬──────────┐
│ Order │ Date │ Status │ Items │ Total │
├─────────┼────────────┼──────────┼───────┼──────────┤
│ #360 │ 18/11/2025 │ ●complete│ 12 │ Rp1.5jt │
│ #359 │ 18/11/2025 │ ●pending │ 2 │ Rp129k │
│ #358 │ 18/11/2025 │ ●on-hold │ 1 │ Rp129k │
└─────────┴────────────┴──────────┴───────┴──────────┘
Benefits:
✅ Desktop: Compact, professional table
✅ Mobile: Rich card details
✅ Consistent with PROJECT_SOP.md patterns
✅ Better use of desktop space
✅ Easy to scan multiple orders
✅ Click/tap anywhere on row/card
Technical:
- Desktop: table
- Mobile: cards
- Cursor pointer on table rows
- Hover effects on both
- Status badge colors (green/blue/yellow/gray)
Result: Orders section now has proper responsive layout!
2025-11-21 00:51:31 +07:00
..
2025-11-04 11:19:00 +07:00
2025-11-21 00:51:31 +07:00
2025-11-05 18:54:41 +07:00
2025-11-13 10:13:17 +07:00
2025-11-04 11:19:00 +07:00
2025-11-13 11:50:38 +07:00
2025-11-15 20:05:50 +07:00
2025-11-13 09:50:33 +07:00
2025-11-13 13:47:22 +07:00
2025-11-13 15:44:06 +07:00
2025-11-13 11:57:55 +07:00
2025-11-13 12:20:41 +07:00
2025-11-13 12:20:41 +07:00
2025-11-04 11:19:00 +07:00
2025-11-04 11:19:00 +07:00
2025-11-04 11:19:00 +07:00
2025-11-04 11:19:00 +07:00
2025-11-04 11:19:00 +07:00
2025-11-13 10:34:07 +07:00
2025-11-04 11:19:00 +07:00