dwindown
bc5fefdf83
feat: Reorder PageHeader and SubmenuBar using flex-col-reverse
Implemented elegant CSS-only solution for header ordering.
Solution:
- Wrapped PageHeader and SubmenuBar in flex container
- Mobile: flex-col (PageHeader first, then SubmenuBar)
- Desktop: flex-col-reverse (SubmenuBar first, then PageHeader)
Result:
✅ Mobile: Contextual header stays on top (better UX)
✅ Desktop: Submenu tabs appear above contextual header (traditional layout)
✅ No JavaScript logic needed
✅ Pure CSS flexbox solution
✅ Applied to both fullscreen and normal layouts
Benefits:
- Clean, maintainable code
- No conditional rendering complexity
- Responsive without media query logic
- Performance: CSS-only, no re-renders
2025-11-08 20:51:58 +07:00
..
2025-11-04 11:19:00 +07:00
2025-11-08 20:51:58 +07:00
2025-11-05 18:54:41 +07:00
2025-11-04 11:19:00 +07:00
2025-11-06 12:44:13 +07:00
2025-11-06 12:44:13 +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-04 11:19:00 +07:00