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

Разбираемся в CSS
Ответить
Гость
 Страница чата React с левой панелью, переключателем и компонентом бота

Сообщение Гость »


Я пытаюсь создать страницу чата с помощью 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»