Update user details component to hide avatar on

smaller screens
thebkht · Nov 23, 2023 · 4680e15 · 4680e15
1 parent 782c4d7
commit 4680e15
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/user/details.tsx b/components/user/details.tsx
@@ -296,7 +296,7 @@ useEffect(() => {
           </ul>
         </div>
       </div>
-      <div className={`${isScrolled ? 'opacity-100' : 'opacity-0'} flex justify-between duration-700 ease-in-out pr-8 items-center py-4 gap-2 fixed bg-background top-[90px] z-10`}>
+      <div className={`${isScrolled ? 'opacity-100' : 'opacity-0'} lg:flex hidden justify-between duration-700 ease-in-out pr-8 items-center py-4 gap-2 fixed bg-background top-[90px] z-10`}>
         <Avatar className="h-8 w-8">
           <AvatarImage src={user?.image} alt={user?.name} />
           <AvatarFallback>{user?.name?.charAt(0) || user?.username?.charAt(0)}</AvatarFallback>