适配后台首页

src/pages/Dashboard/components/HeaderInfo/index.tsx

@@ -6,22 +6,19 @@ const HeaderInfo: React.FC = () => {
     const { user } = useUserStore();
 
     return (
-        <div className="flex items-center px-6 container mx-auto">
+        <div className="flex items-center xs:px-6 container mx-auto">
             {/* 头像 */}
             <img 
                 src={user?.avatar || 'https://q1.qlogo.cn/g?b=qq&nk=3311118881&s=640'} alt="avatar"
-                className="w-24 h-24 rounded-full mx-10 transition-transform duration-300 transform hover:scale-125 avatar-animation"
+                className="w-16 xs:w-24 h-16 xs:h-24 rounded-full mr-10 transition-transform duration-300 transform hover:scale-125 avatar-animation"
             />
 
             {/* 信息 */}
             <div className="info">
-                <h3 className="text-xl font-medium mb-4 text-gradient">
-                    Hello <span className='pr-4'>{user?.name || '未命名'}!</span>  欢迎使用现代化 CMS 后台管理系统
-                </h3>
-
-                <p className="text-sm text-[#888]">
-                    <EditOutlined className="mr-2" /> {user?.info || '快去写一个 个性签名~'}
-                </p>
+                <div className="font-medium text-gradient">
+                    <div className='text-2xl'>Hello <span className='pr-4'>{user?.name || '未命名'}!</span></div>
+                    <div className='text-base xsm:text-lg xs:mt-2.5'>欢迎使用现代化博客管理系统</div>
+                </div>
             </div>
         </div>
     );

src/pages/Dashboard/index.tsx

@@ -5,7 +5,7 @@ import Stats from './components/Stats';
 const Home = () => {
   return (
     <>
-      <Card>
+      <Card className='[&>.ant-card-body]:!p-3'>
         <HeaderInfo />
       </Card>