fix: login changes

Magicred-1 · Nov 17, 2024 · d31b536 · d31b536
1 parent 53248a2
commit d31b536
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/packages/nextjs/app/marketplace/components/ChainSelector.tsx b/packages/nextjs/app/marketplace/components/ChainSelector.tsx
@@ -21,10 +21,10 @@ const ChainSelector = ({ options, onSelect, currentChainId }: DropdownSelectorPr
   };
 
   return (
-    <div className="relative inline-block text-left">
-      <button onClick={toggleMenu} className="text-wheat py-2 rounded-md text-xs font-medium">
+    <div className="relative inline-block text-left -ml-2">
+      <button onClick={toggleMenu} className="text-wheat py-2 rounded-md text-[11px] font-medium">
         {chainMappingId[currentChainId]}
-        <span className="ml-2">▼</span>
+        <span className="">▼</span>
       </button>
 
       {isOpen && (

diff --git a/packages/nextjs/components/Login.tsx b/packages/nextjs/components/Login.tsx
@@ -24,16 +24,16 @@ export const Login = () => {
       <Image src={Logo} width={250} height={250} alt="Logo" className="mx-auto" />
 
       <div className="flex flex-col justify-center h-full -mt-10">
-        <div className="flex flex-col">
-          <p className="text-3xl mx-auto">Login in to your account</p>
-        </div>
 
-        <div className="flex flex-col gap-4 mt-2 w-1/2 mx-auto">
+          <p className=" text-xl md:text-3xl md:mx-auto text-nowrap text-start -ml-20">Login in to your account</p>
+
+
+        <div className="flex flex-col gap-4 mt-2 w-[250px] md:w-1/2 md:mx-auto -ml-24">
           <SocialButton provider={Web3AuthProvider.GOOGLE} />
           <SocialButton provider={Web3AuthProvider.APPLE} />
           <MetamaskConnectButton />
           <DotPattern
-            className={cn("  [mask-image:radial-gradient(500px_circle_at_center,white,transparent)]")}
+            className={cn(" [mask-image:radial-gradient(200px_circle_at_center,white,transparent)] lg:[mask-image:radial-gradient(500px_circle_at_center,white,transparent)]")}
           />
           {/* <button onClick={() => disconnect()}>Disconnect</button> */}
         </div>

diff --git a/packages/nextjs/components/SidebarComponent.tsx b/packages/nextjs/components/SidebarComponent.tsx
@@ -9,7 +9,6 @@ import { Sidebar, SidebarBody, SidebarLink } from "@/components/ui/sidebar";
 import { useWeb3AuthConnectorInstance } from "@/hooks/useWeb3AuthConnectorInstance";
 import { IconArrowLeft, IconBrandTabler, IconSettings, IconUserBolt } from "@tabler/icons-react";
 import { switchChain } from "@wagmi/core";
-import { motion } from "framer-motion";
 import { polygonAmoy } from "viem/chains";
 import { useConfig, useDisconnect } from "wagmi";
 import { useAccount } from "wagmi";
@@ -62,7 +61,7 @@ export function SidebarComponent() {
   return (
     <Sidebar open={sidebarOpen} setOpen={setSidebarOpen} animate>
       <SidebarBody className="bg-gray-900 h-screen border-r border-gray-800 flex flex-col gap-6 py-6">
-        {/* <ChainSelector options={allChains} onSelect={switchToAnotherChain} currentChainId={config.state.chainId} /> */}
+        <ChainSelector options={allChains} onSelect={switchToAnotherChain} currentChainId={config.state.chainId} />
         <div className="flex flex-col gap-2">
           {links.map((link, index) => (
             <SidebarLink