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

[Гость]

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

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

       {/* Sidebar */} 

[code]    {/* Pusher */}





`

Right now the Icon is not properly alligned. It is on the top of the page.
I can try to use Grid to have Icon and Chat as 2 Grid Columns, but then the Icon will be scrollable and not vertically alligned.


Источник: https://stackoverflow.com/questions/781 ... -component