fix: make cosmos mobile work (#100)

liftedinit · Dec 2, 2024 · 344631b · 344631b
1 parent 619c40a
commit 344631b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/react/mobileNav.tsx b/components/react/mobileNav.tsx
@@ -56,7 +56,7 @@ export default function MobileNav() {
 
         <div className="drawer-side min-h-screen h-full ">
           <label htmlFor="my-drawer" aria-label="close sidebar" className="drawer-overlay"></label>
-          <ul className="menu p-4 w-80 min-h-full bg-[#F4F4FF] dark:bg-[#1D192D] space-y-3 text-base-content">
+          <ul className="menu p-4 w-80 min-h-full bg-[#F4F4FF] dark:bg-[#1D192D] space-y-3 text-base-content flex flex-col">
             <div className="flex flex-row justify-between items-center">
               <div className="flex flex-row gap-4 justify-between items-center">
                 <Image src={'/logo.svg'} alt="logo" width={42} height={42} />
@@ -118,8 +118,8 @@ export default function MobileNav() {
               <WalletSection chainName="manifest" />
             </div>
 
-            {/* Add close button */}
-            <div className="absolute bottom-4 left-4">
+            {/* Updated close button - now uses flex-1 and mt-auto to push to bottom */}
+            <div className="flex justify-start mt-auto">
               <button onClick={closeDrawer} className="btn btn-sm btn-outline btn-primary">
                 <ArrowRightIcon fontSize={'24px'} />
               </button>

diff --git a/components/react/views/Connected.tsx b/components/react/views/Connected.tsx
@@ -91,7 +91,7 @@ export const Connected = ({
         </div>
         <button
           onClick={() => setShowContacts(true)}
-          className="ml-2 p-1 rounded-full hover:bg-[#FFFFFFCC] dark:hover:bg-[#FFFFFF0F] btn btn-ghost btn-md transition-colors duration-200"
+          className="ml-2 p-1 rounded-full hover:bg-[#FFFFFFCC] dark:hover:bg-[#FFFFFF0F] btn btn-ghost btn-md transition-colors md:block hidden duration-200"
         >
           <MdContacts className="w-8 h-8 text-primary" />
         </button>