From e6459a5b63235755ca0e8acfa59db2d56ec40713 Mon Sep 17 00:00:00 2001
From: Konata <1025090504@qq.com>
Date: Sat, 28 Sep 2024 00:22:20 +0800
Subject: [PATCH] feat(user-profile): smoother height switching (#674)

---
 apps/renderer/src/modules/profile/user-profile-modal.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/renderer/src/modules/profile/user-profile-modal.tsx b/apps/renderer/src/modules/profile/user-profile-modal.tsx
index 6dfb1a9b0..aca92a8df 100644
--- a/apps/renderer/src/modules/profile/user-profile-modal.tsx
+++ b/apps/renderer/src/modules/profile/user-profile-modal.tsx
@@ -234,7 +234,7 @@ export const UserProfileModalContent: FC<{
           <Fragment>
             <div
               className={cn(
-                "center m-12 mb-4 flex shrink-0 flex-col",
+                "center m-12 mb-4 flex shrink-0 flex-col duration-700",
                 isHeaderSimple ? "mt-3 flex-row" : "flex-col",
               )}
             >
@@ -242,7 +242,7 @@ export const UserProfileModalContent: FC<{
                 asChild
                 className={cn("aspect-square", isHeaderSimple ? "size-12" : "size-16")}
               >
-                <m.span layout>
+                <m.span layout transition={{ duration: 0.35 }}>
                   <AvatarImage
                     className="duration-200 animate-in fade-in-0"
                     asChild
@@ -255,6 +255,7 @@ export const UserProfileModalContent: FC<{
               </Avatar>
               <m.div
                 layout
+                transition={{ duration: 0.35 }}
                 className={cn(
                   "flex cursor-text select-text flex-col items-center",
                   isHeaderSimple ? "ml-8 items-start" : "",