🚀 Fix overflow

This commit is contained in:
Asim Shrestha
2023-04-07 19:00:04 -07:00
parent df6d0f07ec
commit 5ce19e9efa
2 changed files with 7 additions and 8 deletions

View File

@@ -11,12 +11,14 @@ const ChatWindow = ({ children, className }: ChatWindowProps) => {
return ( return (
<div <div
className={ className={
"border-translucent flex h-full max-h-full w-full flex-col rounded-3xl border-2 border-white/20 bg-zinc-900 text-white shadow-2xl drop-shadow-lg " + "border-translucent flex w-full flex-col rounded-3xl border-2 border-white/20 bg-zinc-900 text-white shadow-2xl drop-shadow-lg " +
className className
} }
> >
<MacWindowHeader /> <MacWindowHeader />
<div className="mb-3 mr-3 max-h-[100%] overflow-y-auto">{children}</div> <div className="mb-3 mr-3 overflow-y-auto sm:h-[10em] 2xl:h-[20em]">
{children}
</div>
</div> </div>
); );
}; };

View File

@@ -44,22 +44,19 @@ const Home: NextPage = () => {
<Drawer /> <Drawer />
<div <div
id="content" id="content"
className="flex h-screen w-full items-center justify-center" className="flex h-screen w-full items-center justify-center p-2"
> >
<div <div
id="layout" id="layout"
className="flex h-full w-full max-w-screen-lg flex-col items-center justify-center gap-3 py-10" className="flex h-full w-full max-w-screen-lg flex-col items-center justify-center gap-3 py-10"
> >
<div <div id="title" className="flex flex-col items-center font-mono">
id="title"
className="flex flex-col items-center font-mono shadow-2xl"
>
<div className="flex items-center shadow-2xl"> <div className="flex items-center shadow-2xl">
<span className="text-6xl font-bold text-[#C0C0C0]">Agent</span> <span className="text-6xl font-bold text-[#C0C0C0]">Agent</span>
<span className="mr-5 text-6xl font-bold text-white">GPT</span> <span className="mr-5 text-6xl font-bold text-white">GPT</span>
<Badge>Beta 🚀</Badge> <Badge>Beta 🚀</Badge>
</div> </div>
<div className="mt-1 font-mono text-[0.8em] font-bold text-white shadow-2xl"> <div className="mt-1 font-mono text-[0.8em] font-bold text-white">
Assemble, configure, and deploy autonomous AI Agents in your Assemble, configure, and deploy autonomous AI Agents in your
browser. browser.
</div> </div>