Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-19 18:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🎨 style: Fix Footer Centering

Browse source
This commit is contained in:
Danny Avila 2025-04-01 04:07:01 -04:00
parent 90b8769ef3
commit 9b6fa89622
No known key found for this signature in database
GPG key ID: BF31EEB2C5CA0956
2 changed files with 32 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/Chat/ChatView.tsx
View file

@ -71,14 +71,16 @@ function ChatView({ index = 0 }: { index?: number }) {
{!isLoading && <Header />}
{isLandingPage ? (
<>
<div className="flex flex-1 flex-col items-center justify-end sm:justify-center">
{content}
<div className="w-full max-w-3xl transition-all duration-200 xl:max-w-4xl">
<ChatForm index={index} />
<ConversationStarters />
</div>
</div>
<Footer />
</div>
</div>
</>
) : (
<div className="flex h-full flex-col overflow-y-auto">
{content}

7
client/src/components/Chat/Footer.tsx
View file

@ -83,6 +83,7 @@ export default function Footer({ className }: { className?: string }) {
);
return (
<div className="relative w-full">
<div
className={
className ??
@ -96,11 +97,15 @@ export default function Footer({ className }: { className?: string }) {
<React.Fragment key={`footer-element-${index}`}>
{contentRender}
{!isLastElement && (
<div key={`separator-${index}`} className="h-2 border-r-[1px] border-border-medium" />
<div
key={`separator-${index}`}
className="h-2 border-r-[1px] border-border-medium"
/>
)}
</React.Fragment>
);
})}
</div>
</div>
);
}