🚀 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 (
<div
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
}
>
<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>
);
};

View File

@@ -44,22 +44,19 @@ const Home: NextPage = () => {
<Drawer />
<div
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
id="layout"
className="flex h-full w-full max-w-screen-lg flex-col items-center justify-center gap-3 py-10"
>
<div
id="title"
className="flex flex-col items-center font-mono shadow-2xl"
>
<div id="title" className="flex flex-col items-center font-mono">
<div className="flex items-center shadow-2xl">
<span className="text-6xl font-bold text-[#C0C0C0]">Agent</span>
<span className="mr-5 text-6xl font-bold text-white">GPT</span>
<Badge>Beta 🚀</Badge>
</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
browser.
</div>