fix: Sidebar stick to left. Fit content for different desktop viewports

2025-03-27 23:17:43 +07:00
parent a4ca53004f
commit 46f3bd6014
5 changed files with 8 additions and 8 deletions
@@ -14,7 +14,7 @@ export const BackofficeSidebar: FC = (): ReactElement => {
  const isActive = (path: string) => location.pathname.includes(path);

  return (
-    <aside className="w-[280px] bg-white min-h-screen py-[60px] px-[28px] shadow-xl flex flex-col justify-between">
+    <aside className="sticky top-0 left-0 w-[280px] bg-white min-h-screen py-[60px] px-[28px] shadow-xl flex flex-col justify-between">
      <div className="flex flex-col gap-20 justify-between items-center">
        {/* Logo */}
        <img src="/logos/simple.svg" alt="IMPHNEN Logo" className="w-[150px]" />