Merge pull request #474 from WestpacGEL/side-bar-fix-468

remove vertical shadow from sidebar component
WestpacGEL · Dec 7, 2023 · faf27ac · faf27ac · vercel · Dec 7, 2023
2 parents 3446c10 + f0ec809
commit faf27ac
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/site/src/app/design-system/components/sidebar/sidebar.component.tsx b/apps/site/src/app/design-system/components/sidebar/sidebar.component.tsx
@@ -57,9 +57,9 @@ export function Sidebar({ items }: SidebarProps) {
     <>
       <div
         className={clsx(
-          'fixed top-0 z-[60] flex h-full w-[18.75rem] grow-0 flex-col border-r-0 bg-white text-text shadow-2xl transition-transform ease-in-out lg:bottom-0 lg:h-auto lg:-translate-x-0 lg:overflow-x-hidden lg:border-r lg:border-r-border lg:shadow-none',
+          'fixed top-0 z-[60] flex h-full w-[18.75rem] grow-0 flex-col border-r-0 bg-white text-text transition-transform ease-in-out lg:bottom-0 lg:h-auto lg:-translate-x-0 overflow-x-hidden lg:border-r lg:border-r-border',
           {
-            '-translate-x-full overflow-x-hidden': !open, //hide sidebar to the left when closed
+            '-translate-x-full': !open, //hide sidebar to the left when closed
           },
         )}
         ref={outsideRef}