Merge pull request #119 from LasticXYZ/poppyseedDev-patch-3

Update Navbar.tsx
LasticXYZ · Mar 29, 2024 · 139db9e · 139db9e
2 parents 73cc04d + 1de4c3c
commit 139db9e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/app/(App)/Navbar.tsx b/src/app/(App)/Navbar.tsx
@@ -34,7 +34,7 @@ const Navbar: FC<NavbarProps> = ({ navigation, children }) => {
               <div className="flex-shrink-0 flex items-center justify-between space-x-5 border-b border-gray-9  pl-6 pr-2 py-6 mt-2">
                 {!isCollapsed && (
                   <div className="flex gap-1 items-center">
-                    <Link href="/" className="font-bold flex items-center mb-4">
+                    <div className="font-bold flex items-center">
                       <Image
                         src="/assets/Images/Logos/lastic-logo.png"
                         width={130}
@@ -43,11 +43,11 @@ const Navbar: FC<NavbarProps> = ({ navigation, children }) => {
                         quality={100}
                         alt="Lastic Logo"
                       />
-                    </Link>
+                    </div>
 
                     {/* Chevron Icon */}
                     <ChevronLeftIcon
-                      className="h-4 w-5 hover:text-gray-12 cursor-pointer"
+                      className="h-4 w-5 hover:text-gray-12 cursor-pointer mt-1"
                       aria-hidden="true"
                       onClick={toggleSidebar}
                     />
@@ -99,7 +99,7 @@ const Navbar: FC<NavbarProps> = ({ navigation, children }) => {
               {!isCollapsed && (
                 <>
                   <SideBarAccountName />
-                  <div className="text-gray-8 border-t border-gray-9 mt-20 font-montserrat text-xs font-semibold px-4 pt-6">
+                  <div className="text-gray-8 border-t border-gray-9 mt-10 font-montserrat text-xs font-semibold px-4 pt-6">
                     CHAIN
                   </div>
                   <div className="mt-2 text-gray-18 flex flex-col px-2">

diff --git a/src/components/web3/SideBarAccountName.tsx b/src/components/web3/SideBarAccountName.tsx
@@ -38,7 +38,7 @@ export const SideBarAccountName = () => {
 
   return (
     <div>
-      <div className="text-gray-8 border-t border-gray-9 mt-20 font-montserrat text-xs font-semibold px-4 pt-6">
+      <div className="text-gray-8 border-t border-gray-9 mt-10 font-montserrat text-xs font-semibold px-4 pt-6">
         ACCOUNT
       </div>
       <div className="mt-2 text-gray-18 flex flex-col px-2">
@@ -54,11 +54,12 @@ export const SideBarAccountName = () => {
           </span>
           {toShortAddress(activeAccount?.address, 6)}
         </div>
-
-        <div className="text-gray-8 border-t border-gray-9 mt-20 font-montserrat text-xs font-semibold px-4 pt-6">
+      </div>
+      <div>
+        <div className="text-gray-8 border-t border-gray-9 mt-10 font-montserrat text-xs font-semibold px-4 pt-6">
           BALANCES
         </div>
-        <div className="mt-2 text-gray-18 flex flex-col px-2">
+        <div className="mt-2 ml-2 text-gray-18 flex flex-col px-2">
           <table className="w-full text-md">
             <tbody>
               <tr>