Understand the Layout on Your Device
Updated
- Landscape View (Web, Desktop, or Tablet Landscape):
- Left Navigation Rail (64px wide): Displays icons for the core navigation modules: Messages, People, Courts, Clubs, OPL's, Media, and Settings, with your Profile Avatar at the bottom.
- Sidebar Panel: Displays lists of active chats, contacts (friends/browse), courts, clubs, or settings depending on the active module.
- Central Chat Workspace: Renders active chat threads, event notifications, or detail pages.
- Right Context Rail (Contact Info / Entity Info Panel): Displays dynamic details related to the current chat room (e.g. contact info, group settings, OPL league standings, court/club details) and shared media.
- Portrait View (Mobile Phones or Tablet Portrait):
- Bottom Navigation Bar: The Left Navigation Rail collapses into a horizontal navigation bar at the bottom of the screen with 5 tabs: Messages, People, Courts, Clubs, and OPL's.
- Active View: Occupies 100% of the screen. Sidebar list and Central workspace are stacked, while the Right Context Rail is hidden and must be opened via details tap gestures. Settings and Media are accessed through secondary entry points.