Entender el Diseño en tu Dispositivo
Actualizado
- Vista Horizontal (Web, Escritorio o Tableta en Horizontal):
- Riel de Navegación Izquierdo (64px de ancho): Muestra iconos para los módulos principales de navegación: Mensajes, Personas, Canchas, Clubes, OPL's, Multimedia y Configuración, con tu Avatar de Perfil en la parte inferior.
- Panel Lateral (Sidebar): Muestra listas de chats activos, contactos (amigos/búsqueda), canchas, clubes o configuraciones según el módulo activo.
- Espacio de Chat Central: Renderiza hilos de chat activos, notificaciones de eventos o páginas de detalles.
- Riel de Contexto Derecho (Panel de Información del Contacto/Entidad): Muestra detalles dinámicos relacionados con la sala de chat actual (p. ej. información de contacto, configuración del grupo, posiciones de la liga OPL, detalles de canchas/clubes) y archivos multimedia compartidos.
- Vista Vertical (Teléfonos Móviles o Tableta en Vertical):
- Barra de Navegación Inferior: El Riel de Navegación Izquierdo se colapsa en una barra de navegación horizontal en la parte inferior de la pantalla con 5 pestañas: Mensajes, Personas, Canchas, Clubes y OPL's.
- Vista Activa: Ocupa el 100% de la pantalla. La lista lateral y el espacio de chat se apilan, mientras que el Riel de Contexto Derecho está oculto y se debe abrir mediante toques en la cabecera. Configuración y Multimedia se acceden mediante rutas secundarias.