From c47ba2f456bd7d335a4390e0c284cf4710bd1716 Mon Sep 17 00:00:00 2001
From: Alex <truonggiang190689@gmail.com>
Date: Mon, 21 Jul 2025 12:45:29 +0700
Subject: [PATCH 1/2] [Portal] Fix: update sidebar overflow behavior in
 DocLayout component

---
 apps/portal/src/components/Layouts/DocLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/portal/src/components/Layouts/DocLayout.tsx b/apps/portal/src/components/Layouts/DocLayout.tsx
index 6cf9203d305..9d4046fac4a 100644
--- a/apps/portal/src/components/Layouts/DocLayout.tsx
+++ b/apps/portal/src/components/Layouts/DocLayout.tsx
@@ -36,7 +36,7 @@ export function DocLayout(props: DocLayoutProps) {
     >
       <aside
         className={clsx(
-          "sticky top-sticky-top-height h-sidebar-height flex-col overflow-y-hidden",
+          "sticky top-sticky-top-height h-sidebar-height flex-col overflow-y-scroll",
           "hidden xl:flex",
         )}
       >

From 2b6895495751de62477a9be6cb66ee486c85a19e Mon Sep 17 00:00:00 2001
From: Alex <truonggiang190689@gmail.com>
Date: Mon, 21 Jul 2025 13:10:32 +0700
Subject: [PATCH 2/2] [Portal] Update: Adjust icon sizes and improve sidebar
 styling in Header and DocLayout components

---
 apps/portal/src/app/Header.tsx                            | 6 +++---
 apps/portal/src/components/Layouts/DocLayout.tsx          | 2 +-
 apps/portal/src/components/others/DocSearch.tsx           | 2 +-
 apps/portal/src/components/others/theme/ThemeSwitcher.tsx | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/portal/src/app/Header.tsx b/apps/portal/src/app/Header.tsx
index a50dea415c1..1c24756b9d1 100644
--- a/apps/portal/src/app/Header.tsx
+++ b/apps/portal/src/app/Header.tsx
@@ -199,7 +199,7 @@ export function Header() {
   const pathname = usePathname();
 
   return (
-    <header className="flex w-full flex-col gap-2 border-b bg-background pt-4 px-4 lg:px-8 overflow-hidden">
+    <header className="flex w-full flex-col gap-2 border-b bg-background p-4 lg:px-8 overflow-hidden">
       <div className="container flex items-center justify-between gap-6">
         {/* Top row */}
         <div className="flex items-center gap-2">
@@ -254,14 +254,14 @@ export function Header() {
               onClick={() => router.push("/chat")}
               variant="ghost"
             >
-              <MessageCircleIcon className="size-7" />
+              <MessageCircleIcon className="size-5 lg:size-6" />
             </Button>
             <Button
               className="p-2"
               onClick={() => setShowBurgerMenu(!showBurgerMenu)}
               variant="ghost"
             >
-              <MenuIcon className="size-7" />
+              <MenuIcon className="size-5 lg:size-6" />
             </Button>
           </div>
         </div>
diff --git a/apps/portal/src/components/Layouts/DocLayout.tsx b/apps/portal/src/components/Layouts/DocLayout.tsx
index 9d4046fac4a..873edb86ff5 100644
--- a/apps/portal/src/components/Layouts/DocLayout.tsx
+++ b/apps/portal/src/components/Layouts/DocLayout.tsx
@@ -36,7 +36,7 @@ export function DocLayout(props: DocLayoutProps) {
     >
       <aside
         className={clsx(
-          "sticky top-sticky-top-height h-sidebar-height flex-col overflow-y-scroll",
+          "sticky top-sticky-top-height h-sidebar-height flex-col overflow-y-scroll no-scrollbar",
           "hidden xl:flex",
         )}
       >
diff --git a/apps/portal/src/components/others/DocSearch.tsx b/apps/portal/src/components/others/DocSearch.tsx
index a07fff3ce42..002b4fbc5e3 100644
--- a/apps/portal/src/components/others/DocSearch.tsx
+++ b/apps/portal/src/components/others/DocSearch.tsx
@@ -368,7 +368,7 @@ export function DocSearch(props: { variant: "icon" | "search" }) {
         {!forDesktop && (
           <DialogTrigger asChild>
             <Button className="px-3" variant="ghost">
-              <SearchIcon className="size-6 text-foreground" />
+              <SearchIcon className="size-5 lg:size-6 text-foreground" />
             </Button>
           </DialogTrigger>
         )}
diff --git a/apps/portal/src/components/others/theme/ThemeSwitcher.tsx b/apps/portal/src/components/others/theme/ThemeSwitcher.tsx
index a129c96fcc2..ccbf260a363 100644
--- a/apps/portal/src/components/others/theme/ThemeSwitcher.tsx
+++ b/apps/portal/src/components/others/theme/ThemeSwitcher.tsx
@@ -22,11 +22,11 @@ export function ThemeSwitcher(props: { className?: string }) {
       variant="outline"
     >
       {!hasMounted ? (
-        <Skeleton className="size-6 lg:size-5" />
+        <Skeleton className="size-5 lg:size-6" />
       ) : theme === "light" ? (
-        <SunIcon className="size-6 lg:size-5" />
+        <SunIcon className="size-5 lg:size-6" />
       ) : (
-        <MoonIcon className="size-6 lg:size-5" />
+        <MoonIcon className="size-5 lg:size-6" />
       )}
     </Button>
   );