fix chat ui
This commit is contained in:
@@ -381,9 +381,9 @@ const ChatUI = () => {
|
|||||||
<>
|
<>
|
||||||
<KaTeXStyle />
|
<KaTeXStyle />
|
||||||
<div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 flex items-center justify-center">
|
<div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 flex items-center justify-center">
|
||||||
<div className="h-[100dvh] flex flex-col bg-white max-w-3xl w-full mx-auto relative shadow-xl">
|
<div className="h-[100dvh] flex flex-col bg-white w-full mx-auto relative shadow-xl md:max-w-3xl md:h-[95dvh] md:rounded-lg">
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<header className="bg-white shadow flex-none">
|
<header className="bg-white shadow flex-none md:rounded-t-lg">
|
||||||
<div className="flex items-center justify-between px-4 py-3">
|
<div className="flex items-center justify-between px-4 py-3">
|
||||||
{/* 左侧群组信息 */}
|
{/* 左侧群组信息 */}
|
||||||
<div className="flex items-center gap-1.5">
|
<div className="flex items-center gap-1.5">
|
||||||
@@ -552,7 +552,7 @@ const ChatUI = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Input Area */}
|
{/* Input Area */}
|
||||||
<div className="bg-white border-t pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-3 px-4">
|
<div className="bg-white border-t pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-3 px-4 md:rounded-b-lg">
|
||||||
<div className="flex gap-1">
|
<div className="flex gap-1">
|
||||||
{messages.length > 0 && (
|
{messages.length > 0 && (
|
||||||
<TooltipProvider>
|
<TooltipProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user