/
durovcode
/
Frontend
Обзор
Документация
Войти
/
durovcode
/
Frontend
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
master
src/pages/chat.tsx
32 строки
1 KB
Alch3m1st
Add Docker
22 сен 2024, 01:25
22 сен 2024, 01:25
f92ba9d
Код
Авторство
О чём код?
import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Send } from "lucide-react" export const Chat = () => { return ( <> <div className="mt-3 w-screen p-5 flex items-center justify-center"> <div className="w-fit"> <span className="text-lg font-bold">Чат с Павлом</span> <hr /> </div> </div> <div className="mt-3 w-screen p-5 flex items-center justify-center"> <div className="w-screen md:p-5 md:max-w-[400px]"> <div className="rounded-tr-xl rounded-br-xl rounded-bl-xl bg-black w-fit text-white p-2"> Привет! Чем могу помочь? </div> </div> </div> <div className="fixed bottom-0 mt-3 w-screen p-5 flex items-center justify-center"> <div className="flex w-full max-w-sm items-center space-x-2"> <Input type="text" placeholder="Сообщение..." /> <Button type="submit" className="p-"> <Send className="w-4 h-4" /> </Button> </div> </div> </> ) }