improve navbar responsiveness

pendulum-chain · Aug 28, 2024 · 4af9056 · 4af9056
1 parent 27f794b
commit 4af9056
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
@@ -81,7 +81,7 @@ const Links = () => (
           href={link.href}
           target={link.href.startsWith('https') ? '_blank' : ''}
           rel={link.href.startsWith('https') ? 'noreferrer' : ''}
-          className="px-4 text-xl font-thin text-white md:text-md lg:px-7 hover:text-amber-500 hover:underline"
+          className="px-3 text-lg font-thin text-white lg:px-4 lg:text-xl lg:px-7 hover:text-amber-500 hover:underline"
         >
           {link.title}
         </a>

diff --git a/src/components/buttons/ConnectWallet/index.tsx b/src/components/buttons/ConnectWallet/index.tsx
@@ -28,7 +28,9 @@ export const ConnectWallet = () => (
                   type="button"
                   className="text-white bg-pink-600 border-pink-600 btn rounded-3xl"
                 >
-                  Connect Wallet
+                  <p className="flex">
+                    Connect <span className="hidden lg:block lg:ml-1">Wallet</span>
+                  </p>
                   <PlayCircleIcon className="w-5" />
                 </button>
               );