feat: 修改文案大小

apps/user/components/SubscribePlan/PlanTabs/PlanTabs.tsx

@@ -28,13 +28,13 @@ const PlanTabs: React.FC<PlanTabProps> = (props) => {
   return (
     <Tabs
       defaultValue='year'
-      className={cn('mt-8 w-full text-center md:mt-16', className)}
+      className={cn('mt-8 w-full text-center md:mt-8', className)}
       value={tabValue}
       onValueChange={(value) => props.setTabValue(value as 'year' | 'month')}
     >
-      <TabsList className='relative mb-8 grid h-[74px] grid-cols-2 flex-wrap rounded-full bg-[#EAEAEA] p-2.5 md:mb-16'>
+      <TabsList className='relative mb-8 grid h-auto grid-cols-2 flex-wrap rounded-full bg-[#EAEAEA] px-2.5 py-2'>
         {tabValue === 'year' ? (
-          <span className='absolute -top-8 left-16 z-10 rounded-sm bg-[#E22C2E] px-2 py-0.5 text-[10px] font-bold leading-none text-white shadow sm:text-xs'>
+          <span className='absolute -top-7 left-16 z-10 rounded-sm bg-[#E22C2E] px-3 py-0.5 text-[10px] font-bold leading-none text-white shadow sm:text-xs'>
             -{props.discount}%{/* 小三角箭头 */}
             <span
               className='absolute right-0 top-[75%] h-10 w-2 bg-[#E22C2E]'
@@ -46,7 +46,7 @@ const PlanTabs: React.FC<PlanTabProps> = (props) => {
           <TabsTrigger
             key={val.value}
             className={
-              'rounded-full py-3.5 text-xl data-[state=active]:bg-[#0F2C53] data-[state=active]:text-white md:px-12'
+              'rounded-full py-2 text-base text-[#0F2C53] data-[state=active]:bg-[#0F2C53] data-[state=active]:text-white md:px-12'
             }
             value={val.value}
           >