lostecho/botgroup.chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix chat ui for mobile

Browse Source
This commit is contained in:
hobby
2025-02-26 09:23:52 +08:00
parent 5d6525e255
commit f283dedcbc
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ChatUI.tsx
View File

@@ -380,8 +380,8 @@ const ChatUI = () => {
return ( return (
<> <>
<KaTeXStyle /> <KaTeXStyle />
<div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 flex items-start md:items-center justify-center"> <div className="fixed inset-0 bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 flex items-start md:items-center justify-center overflow-hidden">
<div className="h-screen flex flex-col bg-white w-full mx-auto relative shadow-xl md:max-w-3xl md:h-[95dvh] md:my-auto md:rounded-lg"> <div className="h-full flex flex-col bg-white w-full mx-auto relative shadow-xl md:max-w-3xl md:h-[95dvh] md:my-auto md:rounded-lg">
{/* Header */} {/* Header */}
<header className="bg-white shadow flex-none md:rounded-t-lg"> <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">
@@ -552,8 +552,8 @@ 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 md:rounded-b-lg"> <div className="bg-white border-t pb-3 pt-3 px-4 md:rounded-b-lg">
<div className="flex gap-1"> <div className="flex gap-1 pb-[env(safe-area-inset-bottom)]">
{messages.length > 0 && ( {messages.length > 0 && (
<TooltipProvider> <TooltipProvider>
<Tooltip> <Tooltip>