Dashboard link and mobile

MystenLabs · Apr 23, 2024 · cce3861 · cce3861
1 parent 320069d
commit cce3861
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 11 deletions.
diff --git a/documentation/components/footer.js b/documentation/components/footer.js
@@ -9,7 +9,6 @@ const Footer = () => {
         <a href="https://mystenlabs.com" target="_blank">
         , Mysten Labs, Inc.
         </a>
-        .
       </div>
     </footer>
   );

diff --git a/documentation/components/nav.js b/documentation/components/nav.js
@@ -6,22 +6,31 @@ const NavBar = () => {
     const logo = useConfig().logo;
     const themeSwitch = useConfig().themeSwitch.component({lite: false, className: 'bg-white'});
 
-const handleClick = () => {
-
-}
-
     return (
         <div className="suins-nav-container sticky top-0 w-full bg-blurple z-10">
-            <nav className="max-w-[90rem] grid grid-cols-12 h-16 gap-4 items-center">
-                <div className="col-span-3" onClick={handleClick}>
+            <nav className="max-w-[110rem] grid grid-cols-12 h-16 gap-4 items-center">
+                <div className="col-span-3 ml-2">
                     <Link href="/">
                         <img className="w-4 mx-4 inline" src="/logo.svg"></img>
-                        <h1 className="text-white bold inline">{logo}</h1>
+                        <h1 className="text-white bold hidden lg:inline">{logo}</h1>
                     </Link>
                 </div>
-                <div className="col-span-5 nav-item-placeholder"></div>
-                <div className="col-span-3 flex justify-end">{search}</div>
-                <div className="col-span-1 z-50">{themeSwitch}</div>
+                <div className="col-span-9 flex justify-end mr-8 items-center">
+                    <ul>
+                        <li>
+                            <a href="https://suins.io/account/my-names" target="_blank">
+                                <span className="external-link text-xs">
+                                    <span className='hidden sm:inline'>SuiNS </span>
+                                    Dashboard
+                                </span>
+                            </a>
+                        </li>
+                    </ul>
+                    <div className="mx-4">
+                        {search}
+                    </div>
+                    {themeSwitch}
+                </div>
             </nav>
         </div>
     )

diff --git a/documentation/public/suins.css b/documentation/public/suins.css
@@ -24,4 +24,9 @@ aside.nextra-sidebar-container .nx-sticky.nx-bottom-0 {
 
 button[title="Change theme"] {
     @apply !bg-slate-100 !text-blurpleDark
+}
+
+.external-link::after {
+    content: " ↗";
+    white-space: nowrap;
 }