From b7da4c8fd80e76f4b0af3af10a1076fb824b63ae Mon Sep 17 00:00:00 2001 From: bombies Date: Tue, 7 Nov 2023 19:34:30 -0500 Subject: [PATCH] Fix sidebar background opacity in mobile views --- src/app/(site)/components/sidebar/Sidebar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/(site)/components/sidebar/Sidebar.tsx b/src/app/(site)/components/sidebar/Sidebar.tsx index c02c722..2f1f874 100644 --- a/src/app/(site)/components/sidebar/Sidebar.tsx +++ b/src/app/(site)/components/sidebar/Sidebar.tsx @@ -41,7 +41,7 @@ const Sidebar: FC = ({children, headerText}) => { ref={sidebarRef} className={clsx( "relative bg-secondary/50 min-h-screen data-[isopen=true]:w-96 w-24 pt-12 px-2", - "z-[100] tablet:!bg-secondary/0 tablet:data-[isopen=true]:!bg-opacity-90 tablet:data-[isopen=true]:backdrop-blur-md tablet:w-16 data-[isopen=true]:tablet:w-72 tablet:fixed", + "z-[100] tablet:!bg-secondary/0 tablet:data-[isopen=true]:!bg-secondary/90 tablet:data-[isopen=true]:backdrop-blur-md tablet:w-16 data-[isopen=true]:tablet:w-72 tablet:fixed", "phone:w-12 data-[isopen=true]:phone:w-64", "data-[isopen=true]:p-6 flex flex-col data-[isopen=false]:items-center data-[isopen=false]:z-0" )}