S-VPN/panel-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 修改文案大小

Browse Source
This commit is contained in:
speakeloudest
2025-08-16 09:38:50 -07:00
parent 9cde4cb0a1
commit bf8c01048c
32 changed files with 218 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/user/app/(main)/(content)/(user)/Header.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ export function Header() {
const items = useMemo(() => findNavByUrl(pathname), [pathname]);
return (
<header className='flex h-[84px] w-full items-center justify-end gap-2 px-4 pt-4 md:hidden'>
<SidebarTrigger className={'fixed left-4'} />
<SidebarTrigger className={'fixed left-4 z-50'} />
<Breadcrumb>
<BreadcrumbList className={'text-[36px] font-semibold'}>
{items.map((item, index) => {
apps/user/app/(main)/(content)/(user)/dashboard/components/Announcement/Dialog.tsx
+3 -3
View File
@@ -51,8 +51,8 @@ export const AnnouncementDialog = ({ ref }: AnnouncementDialogProps) => {
const response = await queryAnnouncement({
...pagination,
...filter,
pinned: false,
popup: false,
// pinned: false,
// popup: false,
});
return {
list: response.data.data?.announcements || [],
@@ -62,7 +62,7 @@ export const AnnouncementDialog = ({ ref }: AnnouncementDialogProps) => {
renderItem={(item) => {
return (
<div
className={`${item.pinned ? 'bg-[#B5C9E2]' : 'bg-white'} flex items-center rounded-[20px] px-4 py-2 shadow-[0_0_4.5px_0_rgba(0,0,0,0.25)]`}
className={`${item.pinned ? 'bg-[#B5C9E2]' : 'bg-white'} flex items-center rounded-[20px] px-4 py-1.5 shadow-[0_0_4.5px_0_rgba(0,0,0,0.25)]`}
>
<p
className={`${item.pinned ? 'text-white' : 'text-[#4D4D4D]'} line-clamp-2 flex-1 text-[10px] sm:text-sm`}
apps/user/app/(main)/(content)/(user)/dashboard/components/SubscribeCard/index.tsx
+17 -23
View File
@@ -1,7 +1,6 @@
import { Display } from '@/components/display';
import Renewal from '@/components/subscribe/renewal';
import { resetUserSubscribeToken } from '@/services/user/user';
import { Button } from '@workspace/airo-ui/components/button';
import {
Select,
SelectContent,
@@ -14,6 +13,7 @@ import { toast } from 'sonner';
import SvgIcon from '@/components/SvgIcon';
import useGlobalStore from '@/config/use-global';
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
import {
AlertDialog,
AlertDialogAction,
@@ -62,13 +62,13 @@ const SubscribeCard = (props: SubscribeCardProps) => {
</p>
{/* 统计信息 */}
<div className='rounded-[20px] bg-[#EAEAEA] p-4'>
<div className='rounded-[20px] bg-[#EAEAEA] py-4'>
<div className='grid grid-cols-3 gap-4 text-center'>
<div>
<p className='text-[10px] text-[rgba(132,132,132,0.7)] sm:text-xs'>
<p className='text-[10px] text-[rgba(132,132,132,0.7)] sm:text-sm'>
{t('totalTraffic')}
</p>
<p className='text-xs font-medium text-[#0F2C53] sm:text-lg'>
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
<Display
type='traffic'
value={userSubscribeData.traffic}
@@ -77,20 +77,20 @@ const SubscribeCard = (props: SubscribeCardProps) => {
</p>
</div>
<div>
<p className='text-[10px] text-[rgba(132,132,132,0.7)] sm:text-xs'>
<p className='text-[10px] text-[rgba(132,132,132,0.7)] sm:text-sm'>
{t('nextResetDays')}
</p>
<p className='text-xs font-medium text-[#0F2C53] sm:text-lg'>
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
{userSubscribeData.reset_time
? differenceInDays(new Date(userSubscribeData.reset_time), new Date())
: t('noReset')}
</p>
</div>
<div>
<p className='text-[10px] text-[rgba(132,132,132,0.7)] sm:text-xs'>
<p className='text-[10px] text-[rgba(132,132,132,0.7)] sm:text-sm'>
{t('expirationDays')}
</p>
<p className='text-xs font-medium text-[#0F2C53] sm:text-lg'>
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
{userSubscribeData.expire_time
? differenceInDays(new Date(userSubscribeData.expire_time), new Date()) ||
t('unknown')
@@ -123,7 +123,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
</Tabs>
)}
</div>
<div className={'mb-3 flex items-center justify-center gap-1'}>
<div className={'mb-3 flex items-center justify-center gap-3'}>
<div
className={
'flex flex-1 items-center gap-1 rounded-full bg-[#BABABA] pl-1 sm:gap-2 sm:rounded-[16px] sm:pl-2'
@@ -133,14 +133,14 @@ const SubscribeCard = (props: SubscribeCardProps) => {
value={userSubscribeProtocolCurrent}
onValueChange={setUserSubscribeProtocolCurrent}
>
<SelectTrigger className='h-auto w-auto flex-shrink-0 rounded-[16px] border-none bg-[#D9D9D9] px-2.5 py-0.5 text-[13px] text-sm font-medium text-white shadow-none hover:bg-[#848484] focus:ring-0 sm:h-[35px] sm:rounded-[8px] sm:p-2 [&>svg]:hidden'>
<SelectTrigger className='h-auto w-auto flex-shrink-0 rounded-[16px] border-none bg-[#D9D9D9] px-2.5 py-0.5 text-[13px] font-medium text-[#0F2C53] shadow-none hover:bg-[#848484] focus:ring-0 sm:h-[35px] sm:rounded-[8px] sm:px-2 sm:py-1.5 [&>svg]:hidden'>
<SelectValue>
<div className='flex flex-col items-center justify-center text-[10px] sm:text-sm'>
<div className='flex flex-col items-center justify-between text-[10px] sm:text-xs'>
<div>
{t('subscriptionUrl')}
{userSubscribeProtocolCurrent + 1}
</div>
<div className='-mt-0.5 h-0 w-0 scale-50 border-l-[5px] border-r-[5px] border-t-[5px] border-l-transparent border-r-transparent border-t-white sm:scale-100'></div>
<div className='-mt-0.5 h-0 w-0 scale-50 border-l-[3px] border-r-[3px] border-t-[3px] border-l-transparent border-r-transparent border-t-[#0F2C53] sm:scale-100'></div>
</div>
</SelectValue>
</SelectTrigger>
@@ -158,8 +158,8 @@ const SubscribeCard = (props: SubscribeCardProps) => {
</SelectContent>
</Select>
<div className='flex-1 rounded-full bg-white px-3 py-1 text-[10px] leading-tight text-[#225BA9] shadow-[inset_0px_0px_7.6px_0px_rgba(0,0,0,0.25)] sm:rounded-[16px] sm:text-xs'>
<div className={'flex items-center gap-4 py-1 text-[10px] sm:text-[16px]'}>
<div className='flex-1 rounded-full bg-white px-3 py-2 text-[10px] leading-tight text-[#225BA9] shadow-[inset_0px_0px_7.6px_0px_rgba(0,0,0,0.25)] sm:rounded-[16px]'>
<div className={'flex items-center gap-4 py-1'}>
<div className={'line-clamp-2 flex-1 break-all'}>
{userSubscribeProtocol[userSubscribeProtocolCurrent]}
</div>
@@ -203,15 +203,9 @@ const SubscribeCard = (props: SubscribeCardProps) => {
<div className='flex justify-between gap-2'>
<AlertDialog>
<AlertDialogTrigger asChild>
<Button
size='sm'
className={
'h-fit rounded-full bg-[#E22C2E] px-3 py-1 text-[10px] text-white sm:h-9 sm:text-xs'
}
variant='destructive'
>
<AiroButton variant='danger' className={'px-2 text-xs'}>
{t('resetSubscription')}
</Button>
</AiroButton>
</AlertDialogTrigger>
<AlertDialogContent>
<AlertDialogHeader>
@@ -235,7 +229,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
</AlertDialogContent>
</AlertDialog>
<Renewal
className='h-fit rounded-full bg-[#A8D4ED] px-3 py-1 text-[10px] text-white sm:h-9 sm:text-xs'
className='px-2 text-xs'
id={userSubscribeData.id}
subscribe={userSubscribeData.subscribe}
/>
apps/user/app/(main)/(content)/(user)/dashboard/content.tsx
+15 -15
View File
@@ -64,9 +64,9 @@ export default function Content() {
queryFn: async () => {
const { data } = await queryAnnouncement({
page: 1,
size: 4,
pinned: false,
popup: false,
size: 5,
// pinned: false,
// popup: false,
});
return data.data?.announcements || [];
},
@@ -96,7 +96,7 @@ export default function Content() {
<div className={'grid grid-cols-1 gap-[10px] sm:gap-6 lg:grid-cols-2'}>
{/* 账户概况 Card */}
<Card className='rounded-[20px] border border-[#D9D9D9] p-6 shadow-[0px_0px_52.6px_1px_rgba(15,44,83,0.05)]'>
<div className='mb-1 sm:mb-4'>
<div className='mb-1'>
<h3 className='text-base font-medium text-[#666666] sm:text-xl'>
{t('accountOverview')}
</h3>
@@ -105,8 +105,8 @@ export default function Content() {
</p>
</div>
<div className='mb-3 sm:mb-6'>
<span className='text-2xl font-medium text-[#091B33] sm:text-3xl'>
<div className='mb-3 sm:mb-3.5'>
<span className='text-2xl font-medium text-[#091B33]'>
{userSubscribe?.length > 0 && userSubscribe[0]?.status === 1 && orderData
? orderData?.quantity === 1
? t('annualMonthPlanUser')
@@ -115,7 +115,7 @@ export default function Content() {
</span>
</div>
<div className='rounded-[20px] bg-[#EAEAEA] px-4 py-[10px]'>
<div className='rounded-[20px] bg-[#EAEAEA] px-5 py-2.5'>
<div className='flex items-center justify-between'>
<span className='text-sm font-light text-[#666666]'>{t('accountBalance')}</span>
<Recharge
@@ -124,7 +124,7 @@ export default function Content() {
}
/>
</div>
<div className='text-xl font-medium text-[#225BA9] sm:text-4xl'>
<div className='text-xl font-medium text-[#225BA9] sm:text-2xl'>
<Display type='currency' value={totalAssets} />
</div>
</div>
@@ -132,7 +132,7 @@ export default function Content() {
{/* 套餐状态 Card */}
<Card className='rounded-[20px] border border-[#D9D9D9] p-6 text-[#666666] shadow-[0px_0px_52.6px_1px_rgba(15,44,83,0.05)]'>
<div className='mb-4'>
<div className=''>
<h3 className='flex items-center justify-between text-[#666666]'>
<div className={'flex items-center justify-between'}>
<span className={'text-base font-medium sm:text-xl'}>{t('planStatus')}</span>
@@ -153,12 +153,12 @@ export default function Content() {
</div>
{userSubscribe?.length ? (
<>
<div className='mb-2 text-sm text-[#666666] sm:mb-[22px] sm:mt-1'>
<div className='mt-1 text-xs text-[#666666] sm:text-sm'>
{t('planExpirationTime')}
{formatDate(userSubscribe?.[0]?.expire_time, false)}
</div>
<div className='mb-3 sm:mb-6'>
<span className='text-2xl font-medium text-[#091B33] sm:text-3xl'>
<div className='mb-3 sm:mb-5'>
<span className='text-2xl font-medium text-[#091B33]'>
{userSubscribe?.[0]?.subscribe.name}
</span>
</div>
@@ -226,7 +226,7 @@ export default function Content() {
</Card>
{/* 网站公告 Card */}
<Card className='relative order-4 rounded-[20px] border border-[#EAEAEA] bg-gradient-to-b from-white to-[#EAEAEA] p-6 pb-0 sm:order-none'>
<div className='mb-3 flex items-center justify-between sm:mb-4'>
<div className='mb-3 flex items-center justify-between sm:mb-1'>
<h3 className='text-base font-medium text-[#666666] sm:text-xl'>
{t('siteAnnouncements')}
</h3>
@@ -248,7 +248,7 @@ export default function Content() {
return (
<div
key={item.id}
className={`${item.pinned ? 'bg-[#B5C9E2]' : 'bg-white'} flex items-center rounded-[20px] px-4 py-2`}
className={`${item.pinned ? 'bg-[#B5C9E2]' : 'bg-white'} flex items-center rounded-[20px] px-4 py-1.5`}
>
<p
className={`${item.pinned ? 'text-white' : 'text-[#4D4D4D]'} line-clamp-2 flex-1 text-[10px] sm:text-sm`}
@@ -285,7 +285,7 @@ export default function Content() {
{/* 我的订阅 Card */}
<Card className='rounded-[20px] border border-[#D9D9D9] p-6 shadow-[0px_0px_52.6px_1px_rgba(15,44,83,0.05)]'>
<div className='flex items-center justify-between sm:mb-4'>
<div className='flex items-center justify-between'>
<h3 className='text-base font-medium text-[#666666] sm:text-xl'>
{t('mySubscription')}
</h3>
apps/user/app/(main)/(content)/(user)/order/components/OrderDetailDialog.tsx
+1 -1
View File
@@ -67,7 +67,7 @@ const OrderDetailDialog = forwardRef<OrderDetailDialogRef, OrderDetailDialogProp
<div className={'sr-only'}>order detail</div>
</DialogTitle>
<DialogContent className='sm:w-[675px]'>
<div className='text-4xl font-bold text-[#0F2C53] sm:mb-8 sm:text-center sm:text-4xl'>
<div className='text-2xl font-bold text-[#0F2C53] sm:mb-8 sm:text-center'>
{t('orderDetail')}
</div>
apps/user/app/(main)/(content)/(user)/order/page.tsx
+1 -1
View File
@@ -77,7 +77,7 @@ export default function Page() {
</AiroButton>
</div>
</div>
<CardContent className='px-0 py-3 pb-0 text-sm sm:pb-6'>
<CardContent className='px-0 py-3 pb-0 text-sm'>
<ul className='grid grid-cols-2 gap-3 *:flex *:flex-col lg:grid-cols-4'>
<li>
<span className='text-[#225BA9]'>{t('name')}</span>
apps/user/app/(main)/(content)/(user)/subscribe/page.tsx
+2 -6
View File
@@ -29,16 +29,12 @@ export default function Page() {
return (
<>
<LoginDialogProvider>
<div
className={
'hidden text-4xl font-bold text-[#0F2C53] sm:block md:mb-4 md:text-center md:text-5xl'
}
>
<div className={'hidden text-4xl font-bold text-[#0F2C53] sm:block md:mb-4 md:text-center'}>
{t('title')}
</div>
<div
className={
'mt-0 text-right text-lg font-bold text-[#666666] sm:mt-0 sm:text-center sm:font-medium'
'mt-0 text-right text-base font-bold text-[#666666] sm:mt-0 sm:text-center sm:font-medium'
}
>
{t('description')}
apps/user/app/(main)/(content)/(user)/wallet/components/Table/Table.tsx
+8 -8
View File
@@ -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>
apps/user/app/(main)/(content)/(user)/wallet/page.tsx
+9 -13
View File
@@ -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}`}
apps/user/app/auth/LoginDialogContext.tsx
+1 -1
View File
@@ -66,7 +66,7 @@ const LoginDialog = forwardRef<LoginDialogRef>((props, ref) => {
<Dialog open={open} onOpenChange={setOpen}>
<DialogContent className='rounded-0 h-full w-full px-12 py-[4.5rem] sm:h-auto sm:w-[496px] sm:!rounded-[50px]'>
<DialogTitle className='sr-only'>Login</DialogTitle>
<div className='min-h-[524px]'>
<div className=''>
<EmailAuthForm hide={hide} isRedirect={isRedirect} />
</div>
</DialogContent>
apps/user/app/auth/email/login-form.tsx
+8 -10
View File
@@ -1,5 +1,6 @@
import useGlobalStore from '@/config/use-global';
import { zodResolver } from '@hookform/resolvers/zod';
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
import { Button } from '@workspace/airo-ui/components/button';
import {
Form,
@@ -55,7 +56,7 @@ export default function LoginForm({
return (
<>
<div className={'pb-9 pt-16 text-4xl font-bold'}>账户验证</div>
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>账户验证</div>
<Form {...form}>
<form onSubmit={handleSubmit} className=''>
<FormField
@@ -65,9 +66,7 @@ export default function LoginForm({
<FormItem className={'mb-5'}>
<FormControl>
<Input
className={
'h-[60px] rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
placeholder='Email'
type='email'
{...field}
@@ -84,9 +83,7 @@ export default function LoginForm({
<FormItem className={'mb-2'}>
<FormControl>
<Input
className={
'h-[60px] rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
placeholder='Password'
type='password'
{...field}
@@ -133,14 +130,15 @@ export default function LoginForm({
</div>
<div className='mt-6 flex justify-center'>
<Button
<AiroButton
type='submit'
variant='default'
disabled={loading}
className='h-[64px] w-[219px] rounded-full border-[#0F2C53] bg-[#0F2C53] text-2xl font-bold hover:bg-[#225BA9] hover:text-white'
className='h-auto min-w-[157px] py-2 text-lg font-medium'
>
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
{t('title')}
</Button>
</AiroButton>
</div>
</form>
</Form>
apps/user/app/auth/email/register-form.tsx
+11 -19
View File
@@ -1,6 +1,8 @@
import useGlobalStore from '@/config/use-global';
import { zodResolver } from '@hookform/resolvers/zod';
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
import { Button } from '@workspace/airo-ui/components/button';
import {
Form,
FormControl,
@@ -93,7 +95,7 @@ export default function RegisterForm({
return (
<>
<div className={'pb-9 text-4xl font-bold'}>注册账户</div>
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>注册账户</div>
{auth.register.stop_register ? (
<Markdown>{t('message')}</Markdown>
@@ -108,9 +110,7 @@ export default function RegisterForm({
<FormItem>
<FormControl>
<Input
className={
'h-[60px] rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
placeholder='Enter your email...'
type='email'
{...field}
@@ -127,9 +127,7 @@ export default function RegisterForm({
<FormItem>
<FormControl>
<Input
className={
'h-[60px] rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
placeholder='Enter your password...'
type='password'
{...field}
@@ -146,9 +144,7 @@ export default function RegisterForm({
<FormItem>
<FormControl>
<Input
className={
'h-[60px] rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
disabled={loading}
placeholder='Enter password again...'
type='password'
@@ -169,9 +165,7 @@ export default function RegisterForm({
<div className='flex items-center gap-8'>
<Input
disabled={loading}
className={
'h-[60px] flex-1 rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
placeholder='Enter code...'
type='text'
{...field}
@@ -198,9 +192,7 @@ export default function RegisterForm({
<FormItem>
<FormControl>
<Input
className={
'h-[60px] rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
disabled={loading || !!localStorage.getItem('invite')}
placeholder={t('invite')}
{...field}
@@ -242,14 +234,14 @@ export default function RegisterForm({
</Button>
</div>
<div className='mt-6 flex justify-center'>
<Button
<AiroButton
type='submit'
disabled={loading}
className='h-[64px] w-[219px] rounded-full border-[#0F2C53] bg-[#0F2C53] text-2xl font-bold hover:bg-[#225BA9] hover:text-white'
className='h-auto min-w-[157px] py-2 text-lg font-medium'
>
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
{t('title')}
</Button>
</AiroButton>
</div>
</form>
</Form>
apps/user/app/auth/email/reset-form.tsx
+8 -13
View File
@@ -1,5 +1,6 @@
import useGlobalStore from '@/config/use-global';
import { zodResolver } from '@hookform/resolvers/zod';
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
import { Button } from '@workspace/airo-ui/components/button';
import {
Form,
@@ -60,7 +61,7 @@ export default function ResetForm({
return (
<>
<div className={'pb-9 pt-10 text-4xl font-bold'}>找回账户</div>
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>找回账户</div>
<Form {...form}>
<form onSubmit={handleSubmit}>
<div className='grid gap-5'>
@@ -71,9 +72,7 @@ export default function ResetForm({
<FormItem>
<FormControl>
<Input
className={
'h-[60px] rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
placeholder='Enter your email...'
type='email'
{...field}
@@ -91,9 +90,7 @@ export default function ResetForm({
<FormControl>
<div className='flex items-center gap-8'>
<Input
className={
'h-[60px] flex-1 rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
disabled={loading}
placeholder='Enter code...'
type='text'
@@ -120,9 +117,7 @@ export default function ResetForm({
<FormItem>
<FormControl>
<Input
className={
'h-[60px] rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
}
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
placeholder='Enter your new password...'
type='password'
{...field}
@@ -162,14 +157,14 @@ export default function ResetForm({
</Button>
</div>
<div className='mt-6 flex justify-center'>
<Button
<AiroButton
type='submit'
disabled={loading}
className='h-[64px] w-[219px] rounded-full border-[#0F2C53] bg-[#0F2C53] text-2xl font-bold hover:bg-[#225BA9] hover:text-white'
className='h-auto min-w-[157px] py-2 text-lg font-medium'
>
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
{t('title')}
</Button>
</AiroButton>
</div>
</form>
</Form>
apps/user/app/auth/send-code.tsx
+1 -1
View File
@@ -84,7 +84,7 @@ export default function SendCode({ type, params }: SendCodeProps) {
<Button
type='button'
className={
'h-[60px] w-[109px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] text-xl hover:bg-[#225BA9] hover:text-white'
'h-[30px] w-[109px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] text-base hover:bg-[#225BA9] hover:text-white'
}
onClick={handleSendCode}
disabled={disabled}