mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-17 17:00:15 +01:00
791b0139bc
* style: add scrollbar-gutter to prevent layout shift * style: better styling for simple/advanced tab and remove border-r on smaller screens * style: better description styling * style: make sure single response Messages style is the same as pre-multi-stream response feature
17 lines
645 B
TypeScript
17 lines
645 B
TypeScript
import { Skeleton } from '~/components/ui';
|
|
|
|
export default function SkeletonForm() {
|
|
return (
|
|
<div>
|
|
<div className="flex flex-col items-center justify-between px-4 dark:text-gray-200 sm:flex-row">
|
|
<Skeleton className="mb-1 flex h-10 w-32 flex-row items-center font-bold sm:text-xl md:mb-0 md:h-12 md:text-2xl" />
|
|
</div>
|
|
<div className="flex h-full w-full flex-col md:flex-row">
|
|
{/* Left Section */}
|
|
<div className="flex-1 overflow-y-auto border-border-medium-alt p-4 md:max-h-[calc(100vh-150px)] md:border-r">
|
|
<Skeleton className="h-96" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|