From 0babc928fa8dc6845ae39e2c0b42a7550da07105 Mon Sep 17 00:00:00 2001
From: kieran <kieran@harkin.me>
Date: Fri, 12 Apr 2024 13:19:27 +0100
Subject: [PATCH] feat: profile card timming closes #687

---
 packages/app/src/Components/User/ProfileImage.tsx | 4 ++--
 packages/app/src/index.css                        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/Components/User/ProfileImage.tsx b/packages/app/src/Components/User/ProfileImage.tsx
index ff5c21c4..38de4c05 100644
--- a/packages/app/src/Components/User/ProfileImage.tsx
+++ b/packages/app/src/Components/User/ProfileImage.tsx
@@ -108,8 +108,8 @@ export default function ProfileImage({
   function profileCard() {
     if (showProfileCard && user && isHovering) {
       return (
-        <div className="absolute shadow-lg z-10">
-          <ProfileCard pubkey={pubkey} user={user} show={true} />
+        <div className="absolute shadow-lg z-10 fade-in">
+          <ProfileCard pubkey={pubkey} user={user} show={true} delay={100} />
         </div>
       );
     }
diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index 5aee52e0..997bb14e 100644
--- a/packages/app/src/index.css
+++ b/packages/app/src/index.css
@@ -761,7 +761,7 @@ button.tall {
   opacity: 1;
   animation-name: fadeInOpacity;
   animation-timing-function: ease-in;
-  animation-duration: 0.5s;
+  animation-duration: 0.3s;
 }
 
 @keyframes fadeInOpacity {