Fix minor UI Issue

Web3Auth · Dec 9, 2023 · 9e194c9 · 9e194c9
1 parent 7640ea2
commit 9e194c9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/web-modal-sdk/react-modal-playground/src/components/AccountDetails.tsx b/web-modal-sdk/react-modal-playground/src/components/AccountDetails.tsx
@@ -16,7 +16,7 @@ function AccountDetails({ children }: AccountDetailsProps) {
   }, [address]);
 
   return (
-    <div className="px-4 sm:px-6 lg:px-8  z-0">
+    <div className="py-16 w-11/12 px-4 sm:px-6 lg:px-8  z-0">
       <div className="flex flex-col space-y-2 md:flex-row md:justify-between md:space-y-0">
         <h1 className={"text-lg font-bold"}>Your Account Details</h1>
         <Dropdown

diff --git a/web-modal-sdk/react-modal-playground/src/components/Console.tsx b/web-modal-sdk/react-modal-playground/src/components/Console.tsx
@@ -6,7 +6,7 @@ const Console = () => {
   const { playgroundConsole } = useWeb3Auth();
 
   return (
-    <div className="px-4 py-16 sm:px-6 lg:px-8 flex-col">
+    <div className="py-16 w-11/12 px-4 py-16 sm:px-6 lg:px-8 flex-col">
       <p className="text-lg font-bold">Console</p>
       <div className="justify-center p-8 mt-6 mb-0 space-y-4 rounded-lg bg-white">
         <div className="md:flex items-flex-start p-1 bg-gray-200 overflow-scroll max-h-72">

diff --git a/web-modal-sdk/react-modal-playground/src/pages/HomePage.tsx b/web-modal-sdk/react-modal-playground/src/pages/HomePage.tsx
@@ -21,10 +21,8 @@ function HomePage() {
               <h1 className="w-11/12 px-4 pt-16 sm:px-6 lg:px-8 text-2xl font-bold text-center sm:text-3xl">
                 Welcome to Web3Auth PnP Modal SDK Playground
               </h1>
-              <div className="py-16 w-11/12 ">
-                <AccountDetails />
-                <Console />
-              </div>
+              <AccountDetails />
+              <Console />
             </div>
           </>
         ) : (