feat: 修改文案大小

This commit is contained in:
2025-08-16 09:38:50 -07:00
parent 9cde4cb0a1
commit bf8c01048c
32 changed files with 218 additions and 243 deletions
@@ -27,23 +27,23 @@ const Table: React.FC<{}> = () => {
<CardContent className='px-0 py-3 text-[10px] sm:p-3 sm:text-sm'>
<ul className='grid grid-cols-4 gap-3 *:flex *:flex-col'>
<li className='font-semibold'>
<span className='text-[#225BA9]'>{t('createdAt')}</span>
<time>{formatDate(item.created_at)}</time>
<span className='font-normal text-[#225BA9]'>{t('createdAt')}</span>
<time className={'text-base'}>{formatDate(item.created_at)}</time>
</li>
<li className='font-semibold'>
<span className='text-[#225BA9]'>{t('type.0')}</span>
<span>{t(`type.${item.type}`)}</span>
<span className='font-normal text-[#225BA9]'>{t('type.0')}</span>
<span className={'text-base'}>{t(`type.${item.type}`)}</span>
</li>
<li className='font-semibold'>
<span className='text-[#225BA9]'>{t('amount')}</span>
<span>
<span className='font-normal text-[#225BA9]'>{t('amount')}</span>
<span className={'text-base'}>
<Display type='currency' value={item.amount} />
</span>
</li>
<li className='font-semibold'>
<span className='text-[#225BA9]'>{t('balance')}</span>
<span>
<span className='font-normal text-[#225BA9]'>{t('balance')}</span>
<span className={'text-base'}>
<Display type='currency' value={item.balance} />
</span>
</li>
@@ -31,7 +31,7 @@ export default function Page() {
<div className='flex items-center justify-between'>
<div>
<p className='text-sm font-light text-[#666]'>{t('totalAssets')}</p>
<p className='text-2xl font-bold sm:text-[32px]'>
<p className='text-2xl font-bold'>
<Display type='currency' value={totalAssets} />
</p>
</div>
@@ -39,37 +39,33 @@ export default function Page() {
</div>
<div className='grid grid-cols-2 gap-2 sm:grid-cols-2 sm:gap-6 md:grid-cols-4'>
<div className='col-span-2 rounded-[20px] bg-[#EAEAEA] p-4 shadow-sm transition-all duration-300 hover:shadow-md sm:col-span-1'>
<p className='text-sm font-medium text-[#666] opacity-80 sm:mb-3'>
<p className='text-sm font-light text-[#666] opacity-80 sm:mb-3'>
{t('accountBalance')}
</p>
<p className='text-xl font-bold text-[#225BA9] sm:text-2xl'>
<p className='text-xl font-medium text-[#225BA9]'>
<Display type='currency' value={user?.balance} />
</p>
</div>
<div className='rounded-[20px] bg-[#EAEAEA] p-4 shadow-sm transition-all duration-300 hover:shadow-md'>
<p className='t text-sm font-medium text-[#666] opacity-80 sm:mb-3'>
{t('giftAmount')}
</p>
<p className='text-xl font-bold text-[#225BA9] sm:text-2xl'>
<p className='text-sm font-light text-[#666] opacity-80 sm:mb-3'>{t('giftAmount')}</p>
<p className='text-xl font-medium text-[#225BA9]'>
<Display type='currency' value={user?.gift_amount} />
</p>
</div>
<div className='rounded-[20px] bg-[#EAEAEA] p-4 shadow-sm transition-all duration-300 hover:shadow-md'>
<p className='t text-sm font-medium text-[#666] opacity-80 sm:mb-3'>
{t('commission')}
</p>
<p className='text-xl font-bold text-[#225BA9] sm:text-2xl'>
<p className='text-sm font-light text-[#666] opacity-80 sm:mb-3'>{t('commission')}</p>
<p className='text-xl font-medium text-[#225BA9]'>
<Display type='currency' value={user?.commission} />
</p>
</div>
<div className='col-span-2 rounded-[20px] border-2 border-[#D9D9D9] p-4 shadow-sm transition-all duration-300 hover:shadow-md sm:col-span-1'>
<p className='mb-1 flex justify-between text-sm font-medium text-[#666] opacity-80 sm:mb-3'>
<p className='mb-1 flex justify-between text-sm font-light text-[#666] sm:mb-3'>
<span>{t('referralCode')}</span>
<Link href='/affiliate' className={'text-[#225BA9]'}>
{t('referralDetails')}
</Link>
</p>
<p className='flex justify-between text-base font-bold text-[#225BA9] sm:text-2xl'>
<p className='flex justify-between text-base font-medium text-[#225BA9]'>
<span> {user?.refer_code}</span>
<CopyToClipboard
text={`${location?.origin}/?invite=${user?.refer_code}`}