fix: 样式修改

apps/user/components/Header/NewHeader.tsx

@@ -18,7 +18,15 @@ export default function Header() {
   const { user } = useGlobalStore();
   const Logo = (
     <Link href='/' className='-mt-2.5 flex items-center gap-2 font-bold'>
-      <Image src={'image.png'} width={102} height={49} alt='logo' unoptimized />
+      <Image
+        src={'image.png'}
+        width={102}
+        height={49}
+        alt='logo'
+        fill={true}
+        objectFit='cover'
+        unoptimized
+      />
     </Link>
   );
 
@@ -28,7 +36,7 @@ export default function Header() {
     <>
       <header className='fixed top-10 z-50 w-full'>
         <div className={'container'}>
-          <div className='flex h-[73px] items-center justify-between rounded-[50px] bg-white pl-4 pr-1 md:pl-7'>
+          <div className='flex h-[60px] items-center justify-between rounded-[50px] bg-white pl-4 pr-1 sm:h-[73px] md:pl-7'>
             <nav className='flex-col gap-6 font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6'>
               {Logo}
             </nav>
@@ -45,7 +53,7 @@ export default function Header() {
                       size: 'lg',
                       variant: 'outline',
                     }),
-                    'h-full rounded-[50px] border-0 border-[#0F2C53] bg-[#0F2C53] px-5 text-xl font-bold text-white transition hover:bg-[#225BA9] hover:text-white md:px-14 md:text-2xl',
+                    'h-full rounded-[50px] border-0 border-[#0F2C53] bg-[#0F2C53] px-5 text-[16px] font-bold text-white transition hover:bg-[#225BA9] hover:text-white sm:px-14 sm:text-2xl',
                   )}
                 >
                   {t('login')}