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/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}