Новый кабинет на сайте: как в приложении

Раньше кабинет на сайте был длинной страницей с шапкой, профилем и списками. Мы перестроили его как приложение: всё нужное помещается в одном окне, а разделы переключаются без перезагрузки.

Разделы слева

Слева колонка с разделами — Чаты, Комнаты, Люди и, для модераторов, Модерация. Внизу карточка пользователя: по нажатию открываются настройки, рядом переключатель темы и кнопка «Выйти». Большой блок профиля убран: аватар и настройки микрофона и звука при входе переехали в «Настройки → Профиль», а «Ссылка на меня» стала кнопкой «Моя ссылка» в разделе «Люди».

Чаты и комнаты

• Чаты занимают всю высоту окна: список и переписка прокручиваются отдельно, кнопки — значками.
• В комнатах поиск и фильтр «Все / Мои» стоят в одну строку, «Новая встреча» и «+ Комната» — в шапке.
• Карточка комнаты целиком открывает вход, удаление спрятано в меню «⋯», а вместо «никого внутри» показано, сколько людей в эфире.

Настройки

Настройки открываются в окне фиксированной высоты и закрываются крестиком. Активные сессии подписаны понятно — например, «Chrome · Windows» или «Приложение Сфера», — чтобы было видно, где выполнен вход.

На телефоне

На экранах уже 860 пикселей кабинет перестраивается: сверху панель, снизу вкладки, в открытой переписке обе прячутся, чтобы не мешать. Раздел запоминается в адресе — ссылка вида /cabinet#chats откроет сразу чаты.

• сайт
• браузер
• интерфейс