From b25f3bb16a935203079ca6079b0f0920d1f35866 Mon Sep 17 00:00:00 2001
From: mattherzog <Herzog.Matt@gmail.com>
Date: Sun, 12 May 2024 21:38:06 -0700
Subject: [PATCH] Updating layout and separation of connect modal (#55)

---
 src/components/PlaygroundConnect.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/PlaygroundConnect.tsx b/src/components/PlaygroundConnect.tsx
index cc82b1b..97d9381 100644
--- a/src/components/PlaygroundConnect.tsx
+++ b/src/components/PlaygroundConnect.tsx
@@ -35,7 +35,7 @@ const TokenConnect = ({
 
   return (
     <div className="flex left-0 top-0 w-full h-full bg-black/80 items-center justify-center text-center">
-      <div className="flex flex-col gap-4 p-8 bg-gray-950 w-full max-w-[400px] rounded-lg text-white border border-gray-900">
+      <div className="flex flex-col gap-4 p-8 bg-gray-950 w-full text-white border-t border-gray-900">
         <div className="flex flex-col gap-2">
           <input
             value={url}
@@ -88,14 +88,12 @@ export const PlaygroundConnect = ({
       <div className="min-h-[540px]">
         <div className="flex flex-col bg-gray-950 w-full max-w-[480px] rounded-lg text-white border border-gray-900">
           <div className="flex flex-col gap-2">
-            <div className="px-10 space-y-2">
+            <div className="px-10 space-y-2 py-6">
               <h1 className="text-2xl">Connect to playground</h1>
-              <p className="text-sm text-gray-500">
-                {copy}
-              </p>
+              <p className="text-sm text-gray-500">{copy}</p>
             </div>
             {CLOUD_ENABLED && (
-              <div className="flex justify-center pt-4 gap-4 border-b border-gray-900">
+              <div className="flex justify-center pt-2 gap-4 border-b border-t border-gray-900">
                 <ConnectTab
                   active={showCloud}
                   onClick={() => {
@@ -130,4 +128,3 @@ export const PlaygroundConnect = ({
     </div>
   );
 };
-