From 89c03b7cd4e1635f58188a1f034773b478a284a0 Mon Sep 17 00:00:00 2001
From: mbaharip <62494292+mbahArip@users.noreply.github.com>
Date: Thu, 9 May 2024 06:40:20 +0700
Subject: [PATCH] Update deploy guide icon

---
 src/app/@navbar.tsx | 53 +++++++++++++++++++++++----------------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/src/app/@navbar.tsx b/src/app/@navbar.tsx
index 92632ca..5aee01b 100644
--- a/src/app/@navbar.tsx
+++ b/src/app/@navbar.tsx
@@ -152,31 +152,6 @@ export default function Navbar() {
                 className='mx-3 my-auto h-6'
               />
 
-              {config.showDeployGuide && (
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <Link
-                      href={"/deploy"}
-                      className={cn(
-                        "flex flex-col items-center justify-center",
-                        "opacity-80",
-                        "hover:opacity-100",
-                        "cursor-pointer",
-                        "p-1.5",
-                      )}
-                    >
-                      <Icon
-                        name={"Book"}
-                        size={20}
-                      />
-                    </Link>
-                  </TooltipTrigger>
-                  <TooltipContent side='bottom'>
-                    <p>Deploy Guide</p>
-                  </TooltipContent>
-                </Tooltip>
-              )}
-
               <DropdownMenu
                 modal={false}
                 open={themeOpen}
@@ -293,6 +268,32 @@ export default function Navbar() {
                 </DropdownMenu>
               )}
 
+              {config.showDeployGuide && (
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <Link
+                      href={"/deploy"}
+                      className={cn(
+                        "flex items-center justify-center gap-1.5",
+                        "opacity-80",
+                        "hover:opacity-100",
+                        "cursor-pointer",
+                        "p-1.5",
+                      )}
+                    >
+                      <Icon
+                        name={"Book"}
+                        size={20}
+                      />
+                      <span className='text-sm'>Guide</span>
+                    </Link>
+                  </TooltipTrigger>
+                  <TooltipContent side='bottom'>
+                    <p>Deploy Guide</p>
+                  </TooltipContent>
+                </Tooltip>
+              )}
+
               <Separator
                 orientation='vertical'
                 className='mx-3 my-auto h-6'
@@ -451,7 +452,7 @@ export default function Navbar() {
                   </Button>
                 </SheetTrigger>
                 <SheetContent className='flex flex-col items-center gap-3 pt-12'>
-                  <div className='flex w-full flex-grow flex-col gap-6 overflow-y-scroll'>
+                  <div className='flex w-full flex-grow flex-col gap-6 overflow-y-auto'>
                     <div className='flex flex-col'>
                       {config.siteConfig.navbarItems.map((item) => (
                         <Button