Merge pull request #10 from PWNDAO/sync-header-menu-ui

sync header menu UI
PWNDAO · Dec 18, 2024 · afb6143 · afb6143
2 parents e13e504 + e0709c5
commit afb6143
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/components/WalletContainer.tsx b/components/WalletContainer.tsx
@@ -53,7 +53,7 @@ const WalletContainer = () => {
           d="M17 4V1L16 0H1L0 1V13L1 14H16L17 13V10H18V4H17ZM16 1.41421L15.5858 1H1.41421L1 1.41421V12.5858L1.41421 13H15.5858L16 12.5858V10H7L6 9V5L7 4H16V1.41421ZM17 5H7.41421L7 5.41421V8.58579L7.41421 9H17V5Z"
         />
       </svg>
-      <div className="w-full pl-2 text-center text-xs" style={{ marginBottom: "-2px" }}>
+      <div className="w-full pl-2 text-center text-xs" style={{ marginBottom: "-1px" }}>
         {isConnected && address ? (ensName ? ensName.substring(0, 12) : formatHexString(address)) : "Connect"}
       </div>
     </button>

diff --git a/components/nav/navbar.tsx b/components/nav/navbar.tsx
@@ -46,16 +46,16 @@ export const Navbar: React.FC = () => {
 
   return (
     <>
-      <nav className="font-screener sticky top-0 z-[var(--hub-navbar-z-index)] flex h-20 w-full select-none items-center justify-center bg-neutral-0">
-        <div className="m-auto flex h-[90%] w-[97%] max-w-[100%] items-center justify-between gap-2 px-4 md:gap-8 lg:h-[95%]">
+      <nav className="font-screener sticky top-0 z-[var(--hub-navbar-z-index)] flex h-20 w-full select-none items-center justify-center bg-neutral-0 p-6">
+        <div className="m-auto flex h-[90%] w-[100%] max-w-[100%] items-center justify-between gap-2 md:gap-8 lg:h-[95%]">
           <Link
             href="/#/community-voting"
             className={classNames(
-              "flex items-center gap-x-5 py-2",
+              "flex items-center gap-x-5 pt-1.5",
               "outline-none focus:outline-none focus-visible:ring focus-visible:ring-primary focus-visible:ring-offset" // focus styles
             )}
           >
-            <img src={PUB_PROJECT_LOGO} height={24} className="shrink-0" alt={`${PUB_APP_NAME} logo`} />
+            <img src={PUB_PROJECT_LOGO} width={73} height={40} className="shrink-0" alt={`${PUB_APP_NAME} logo`} />
           </Link>
           <ul className="mr-auto hidden gap-x-8 md:flex">
             {navLinks.map(({ id, name, path, isExternal = false }) => (