dwindown
40cac8e2e3
refactor(customers): Use VerticalTabForm for better desktop/mobile layout
Changed from horizontal Tabs to VerticalTabForm component:
Layout Changes:
Desktop (≥768px):
✅ Vertical tabs on left side
✅ Content on right side
✅ Better use of wide screens
✅ Reduces horizontal scrolling
✅ More compact, professional look
Mobile (<768px):
✅ Horizontal tabs at top
✅ Scrollable tabs if needed
✅ Full-width content below
✅ Touch-friendly navigation
Structure:
[Customer Info Card]
[Tabs] [Content Area]
│
├─ Overview (Stats + Contact)
├─ Orders (Full history)
└─ Address (Billing + Shipping)
Benefits:
✅ Consistent with form pages (Products, Coupons, Customers edit)
✅ Better desktop experience (vertical tabs)
✅ Better mobile experience (horizontal tabs)
✅ Responsive by default
✅ Clean, organized layout
✅ No wasted space on wide screens
Technical:
- Uses VerticalTabForm component
- FormSection for each tab content
- Automatic scroll spy
- Mobile horizontal tabs (lg:hidden)
- Desktop vertical tabs (hidden lg:block)
Result: Customer detail page now has proper responsive tab layout matching form pages!
2025-11-21 00:43:15 +07:00
..
2025-11-04 11:19:00 +07:00
2025-11-21 00:43:15 +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