feat: 修改文案大小

apps/user/components/subscribe/purchase.tsx

@@ -5,7 +5,7 @@ import PlanTabs, { TabValueType } from '@/components/SubscribePlan/PlanTabs/Plan
 import useGlobalStore from '@/config/use-global';
 import { preCreateOrder, purchase } from '@/services/user/order';
 import { useQuery } from '@tanstack/react-query';
-import { Button } from '@workspace/airo-ui/components/button';
+import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
 import {
   Dialog,
   DialogContent,
@@ -164,14 +164,10 @@ const Purchase = forwardRef<PurchaseDialogRef, PurchaseProps>((props, ref) => {
             />
           </div>
           <div className='mt-8 flex items-center justify-center'>
-            <Button
-              className='w-[150px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] text-xl hover:bg-[#225BA9] hover:text-white'
-              disabled={loading}
-              onClick={handleSubmit}
-            >
+            <AiroButton variant={'primary'} disabled={loading} onClick={handleSubmit}>
               {loading && <LoaderCircle className='mr-2 animate-spin' />}
               {t('buyNow')}
-            </Button>
+            </AiroButton>
           </div>
         </div>
       </DialogContent>

apps/user/components/subscribe/renewal.tsx

@@ -6,7 +6,6 @@ import useGlobalStore from '@/config/use-global';
 import { preCreateOrder, renewal } from '@/services/user/order';
 import { useQuery } from '@tanstack/react-query';
 import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
-import { Button } from '@workspace/airo-ui/components/button';
 import {
   Dialog,
   DialogContent,
@@ -103,9 +102,9 @@ export default function Renewal({ id, subscribe, className }: Readonly<RenewalPr
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <Button size='sm' className={className}>
+        <AiroButton variant={'primaryBlue'} className={'px-2 text-xs'}>
           {t('renewPlan')}
-        </Button>
+        </AiroButton>
       </DialogTrigger>
       <DialogContent className='flex h-full flex-col md:h-auto'>
         <DialogHeader>