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-08 19:21:32 +07:00
2025-11-06 23:22:18 +07:00
2025-11-06 11:35:32 +07:00
2025-11-06 21:27:44 +07:00
2025-11-05 18:54:41 +07:00
2025-11-05 14:51:00 +07:00
2025-11-08 20:51:58 +07:00
2025-11-05 12:05:29 +07:00
2025-11-08 20:51:58 +07:00
2025-11-04 11:19:00 +07:00
2025-11-04 11:19:00 +07:00