Страница чата React с левой панелью, переключателем и компонентом бота ⇐ CSS

[Anonymous]

Я пытаюсь создать страницу чата с помощью React.
Пользовательский интерфейс очень похож на Chatgpt. Имеется левая панель, кнопка переключения, которая открывает и закрывает левую панель, а также компонент чата.
Переключатель выровнен по центру по вертикали. И он должен быть выровнен по середине, хотя компонент чата можно расширить за счет новых чатов.
Может кто-нибудь помочь?
Сейчас я использую что-то вроде:

Код: Выделить всё

{/* Sidebar */}





{/* Pusher */}

Сейчас значок выровнен неправильно. Он находится в верхней части страницы.
Я могу попробовать использовать сетку, чтобы значок и чат были разделены на два столбца сетки, но тогда значок будет прокручиваться, а не выравниваться по вертикали.

Подробнее здесь: https://stackoverflow.com/questions/781 ... -component