Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-13 05:58:51 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

📜 fix: Layout/Overflow handling in Share View (#11314)

Browse source 
- Updated MessagesView to include min-height and overflow-hidden for better layout management.
- Adjusted ShareView to ensure proper height and overflow handling, enhancing the overall user experience.
This commit is contained in:
Danny Avila 2026-01-12 20:11:34 -05:00 • committed by GitHub
parent 28270bec58
commit a8fa85b8e2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Share/MessagesView.tsx
View file

@ -13,7 +13,7 @@ export default function MessagesView({
const localize = useLocalize();
const [currentEditId, setCurrentEditId] = useState<number | string | null>(-1);
return (
<div className="flex-1 pb-[50px]">
<div className="min-h-0 flex-1 overflow-hidden pb-[50px]">
<div className="dark:gpt-dark-gray relative h-full">
<div
style={{

4
client/src/components/Share/ShareView.tsx
View file

@ -130,7 +130,7 @@ function SharedView() {
const mainContent = (
<div className="transition-width relative flex h-full w-full flex-1 flex-col items-stretch overflow-hidden pt-0 dark:bg-surface-secondary">
<div className="flex h-full flex-col text-text-primary" role="presentation">
<div className="flex h-full min-h-0 flex-col text-text-primary" role="presentation">
{content}
{footer}
</div>
@ -150,7 +150,7 @@ function SharedView() {
return (
<ShareContext.Provider value={{ isSharedConvo: true }}>
<div className="relative flex min-h-screen w-full dark:bg-surface-secondary">
<div className="relative flex h-screen w-full overflow-hidden dark:bg-surface-secondary">
<main className="relative flex w-full grow overflow-hidden dark:bg-surface-secondary">
{artifactsContainer}
</main>