aljaz/AgentGPT
1
0
Fork 0
mirror of https://github.com/aljazceru/AgentGPT.git synced 2025-12-18 14:34:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

🤖 Adjust drawer and banner

Browse Source
This commit is contained in:
Asim Shrestha
2023-04-08 17:41:01 -07:00
parent 9a848d4aa0
commit c7a952912b
3 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/banner.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 66 KiB

9
src/components/Dialog.tsx
View File

@@ -14,21 +14,18 @@ export default function Dialog({
{showModal ? ( {showModal ? (
<> <>
<div <div
className="fixed inset-0 z-50 flex items-center justify-center overflow-y-auto overflow-x-hidden bg-black/70 p-3 font-mono text-white outline-none transition-all transition-all focus:outline-none" className="fixed inset-0 z-40 flex items-center justify-center overflow-y-auto overflow-x-hidden bg-black/70 p-3 font-mono text-white outline-none transition-all transition-all focus:outline-none"
onClick={() => setShowModal(false)} onClick={() => setShowModal(false)}
> >
<div className="relative mx-auto my-6 w-auto max-w-3xl rounded-lg border-2 border-zinc-600"> <div className="relative mx-auto my-6 w-auto max-w-3xl rounded-lg border-2 border-zinc-600">
{/*content*/} {/*content*/}
<div className="relative flex w-full flex-col rounded-lg border-0 bg-[#3a3a3a] shadow-lg outline-none focus:outline-none"> <div className="relative z-50 flex w-full flex-col rounded-lg border-0 bg-[#3a3a3a] shadow-lg outline-none focus:outline-none">
{/*header*/} {/*header*/}
<div className="flex items-start justify-between rounded-t border-b-2 border-solid border-white/20 p-5"> <div className="flex items-start justify-between rounded-t border-b-2 border-solid border-white/20 p-5">
<h3 className="font-mono text-3xl font-semibold"> <h3 className="font-mono text-3xl font-semibold">
Welcome to AgentGPT 🤖 Welcome to AgentGPT 🤖
</h3> </h3>
<button <button className="float-right ml-auto border-0 bg-transparent p-1 text-3xl font-semibold leading-none opacity-5 outline-none focus:outline-none">
className="float-right ml-auto border-0 bg-transparent p-1 text-3xl font-semibold leading-none opacity-5 outline-none focus:outline-none"
onClick={() => setShowModal(false)}
>
<span className="block h-6 w-6 bg-transparent text-2xl opacity-5 outline-none focus:outline-none"> <span className="block h-6 w-6 bg-transparent text-2xl opacity-5 outline-none focus:outline-none">
× ×
</span> </span>

22
src/layout/default.tsx
View File

@@ -14,21 +14,33 @@ const DefaultLayout = (props: LayoutProps) => {
<Head> <Head>
<title>AgentGPT</title> <title>AgentGPT</title>
<meta name="description" content={description} /> <meta name="description" content={description} />
<link rel="icon" href="/favicon.ico" /> <meta name="twitter:site" content="@AgentGPT" />
<meta property="og:url" content="https://agentgpt.reworkd.ai/" /> <meta name="twitter:card" content="summary_large_image" />
<meta property="og:type" content="website" /> <meta name="twitter:title" content="AgentGPT 🤖" />
<meta name="twitter:description" content={description} />
<meta <meta
property="og:description" name="twitter:image"
content="Assemble, configure, and deploy autonomous AI Agents in your browser." content="https://agentgpt.reworkd.ai/banner.png"
/> />
<meta name="twitter:image:width" content="1280" />
<meta name="twitter:image:height" content="640" />
<meta <meta
property="og:title" property="og:title"
content="AgentGPT: Autonomous AI in your browser 🤖" content="AgentGPT: Autonomous AI in your browser 🤖"
/> />
<meta
property="og:description"
content="Assemble, configure, and deploy autonomous AI Agents in your browser."
/>
<meta property="og:url" content="https://agentgpt.reworkd.ai/" />
<meta <meta
property="og:image" property="og:image"
content="https://agentgpt.reworkd.ai/banner.png" content="https://agentgpt.reworkd.ai/banner.png"
/> />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="640" />
<meta property="og:type" content="website" />
<link rel="icon" href="/favicon.ico" />
</Head> </Head>
<DottedGridBackground>{props.children}</DottedGridBackground> <DottedGridBackground>{props.children}</DottedGridBackground>
</div> </div>