update(UserCard): 1px border

src/components/Header/HeaderAvatar.tsx

@@ -4,7 +4,6 @@ import { useShallow } from 'zustand/react/shallow';
 
 import { HoverCard, HoverCardPortal, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
 
-import styles from './index.module.css';
 import UserCard from './UserCard';
 
 import { Avatar } from '@/components';
@@ -28,7 +27,7 @@ export default function HeaderAvatar({ className }: { className?: string }) {
           <HoverCardContent
             sideOffset={12}
             align="end"
-            className={`w-auto pt-[24px] pb-[18px] px-0 rounded-[12px] bg-[#fff] border-none overflow-hidden ${styles.userCard}`}
+            className={`w-fit h-fit p-0 rounded-[12px] bg-[#fff] border-none overflow-hidden`}
           >
             <UserCard />
           </HoverCardContent>

src/components/Header/UserCard.tsx

@@ -49,7 +49,7 @@ export default function UserCard({ className }: Props) {
   }, [userInfo]);
 
   return (
-    <div className={className}>
+    <div className={`pt-[24px] pb-[18px] rounded-[12px] border-1px border-#e1e1e1 ${className}`}>
       {/* 头像 & 昵称 & 个签 */}
       <div className="flex flex-row items-center px-[27px]">
         <Avatar size={48} src={userInfo.avatar} className="h-[48px] w-[48px] cursor-pointer" alt="我" />