🤔style(ui): remove large size in auth components

This commit is contained in:
t0ng7u
2025-08-18 03:39:17 +08:00
parent 1074f8acb1
commit da802ece3b
4 changed files with 2 additions and 32 deletions

View File

@@ -325,7 +325,6 @@ const LoginForm = () => {
className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors" className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors"
type="tertiary" type="tertiary"
icon={<Icon svg={<WeChatIcon />} style={{ color: '#07C160' }} />} icon={<Icon svg={<WeChatIcon />} style={{ color: '#07C160' }} />}
size="large"
onClick={onWeChatLoginClicked} onClick={onWeChatLoginClicked}
loading={wechatLoading} loading={wechatLoading}
> >
@@ -339,7 +338,6 @@ const LoginForm = () => {
className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors" className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors"
type="tertiary" type="tertiary"
icon={<IconGithubLogo size="large" />} icon={<IconGithubLogo size="large" />}
size="large"
onClick={handleGitHubClick} onClick={handleGitHubClick}
loading={githubLoading} loading={githubLoading}
> >
@@ -353,7 +351,6 @@ const LoginForm = () => {
className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors" className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors"
type="tertiary" type="tertiary"
icon={<OIDCIcon style={{ color: '#1877F2' }} />} icon={<OIDCIcon style={{ color: '#1877F2' }} />}
size="large"
onClick={handleOIDCClick} onClick={handleOIDCClick}
loading={oidcLoading} loading={oidcLoading}
> >
@@ -367,7 +364,6 @@ const LoginForm = () => {
className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors" className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors"
type="tertiary" type="tertiary"
icon={<LinuxDoIcon style={{ color: '#E95420', width: '20px', height: '20px' }} />} icon={<LinuxDoIcon style={{ color: '#E95420', width: '20px', height: '20px' }} />}
size="large"
onClick={handleLinuxDOClick} onClick={handleLinuxDOClick}
loading={linuxdoLoading} loading={linuxdoLoading}
> >
@@ -393,7 +389,6 @@ const LoginForm = () => {
type="primary" type="primary"
className="w-full h-12 flex items-center justify-center bg-black text-white !rounded-full hover:bg-gray-800 transition-colors" className="w-full h-12 flex items-center justify-center bg-black text-white !rounded-full hover:bg-gray-800 transition-colors"
icon={<IconMail size="large" />} icon={<IconMail size="large" />}
size="large"
onClick={handleEmailLoginClick} onClick={handleEmailLoginClick}
loading={emailLoginLoading} loading={emailLoginLoading}
> >
@@ -441,7 +436,6 @@ const LoginForm = () => {
label={t('用户名或邮箱')} label={t('用户名或邮箱')}
placeholder={t('请输入您的用户名或邮箱地址')} placeholder={t('请输入您的用户名或邮箱地址')}
name="username" name="username"
size="large"
onChange={(value) => handleChange('username', value)} onChange={(value) => handleChange('username', value)}
prefix={<IconMail />} prefix={<IconMail />}
/> />
@@ -452,7 +446,6 @@ const LoginForm = () => {
placeholder={t('请输入您的密码')} placeholder={t('请输入您的密码')}
name="password" name="password"
mode="password" mode="password"
size="large"
onChange={(value) => handleChange('password', value)} onChange={(value) => handleChange('password', value)}
prefix={<IconLock />} prefix={<IconLock />}
/> />
@@ -463,7 +456,6 @@ const LoginForm = () => {
className="w-full !rounded-full" className="w-full !rounded-full"
type="primary" type="primary"
htmlType="submit" htmlType="submit"
size="large"
onClick={handleSubmit} onClick={handleSubmit}
loading={loginLoading} loading={loginLoading}
> >
@@ -474,7 +466,6 @@ const LoginForm = () => {
theme="borderless" theme="borderless"
type='tertiary' type='tertiary'
className="w-full !rounded-full" className="w-full !rounded-full"
size="large"
onClick={handleResetPasswordClick} onClick={handleResetPasswordClick}
loading={resetPasswordLoading} loading={resetPasswordLoading}
> >
@@ -494,7 +485,6 @@ const LoginForm = () => {
theme="outline" theme="outline"
type="tertiary" type="tertiary"
className="w-full !rounded-full" className="w-full !rounded-full"
size="large"
onClick={handleOtherLoginOptionsClick} onClick={handleOtherLoginOptionsClick}
loading={otherLoginOptionsLoading} loading={otherLoginOptionsLoading}
> >
@@ -534,7 +524,6 @@ const LoginForm = () => {
onOk={onSubmitWeChatVerificationCode} onOk={onSubmitWeChatVerificationCode}
onCancel={() => setShowWeChatLoginModal(false)} onCancel={() => setShowWeChatLoginModal(false)}
okText={t('登录')} okText={t('登录')}
size="small"
centered={true} centered={true}
okButtonProps={{ okButtonProps={{
loading: wechatCodeSubmitLoading, loading: wechatCodeSubmitLoading,
@@ -548,7 +537,7 @@ const LoginForm = () => {
<p>{t('微信扫码关注公众号,输入「验证码」获取验证码(三分钟内有效)')}</p> <p>{t('微信扫码关注公众号,输入「验证码」获取验证码(三分钟内有效)')}</p>
</div> </div>
<Form size="large"> <Form>
<Form.Input <Form.Input
field="wechat_verification_code" field="wechat_verification_code"
placeholder={t('验证码')} placeholder={t('验证码')}

View File

@@ -131,7 +131,6 @@ const PasswordResetConfirm = () => {
field="email" field="email"
label={t('邮箱')} label={t('邮箱')}
name="email" name="email"
size="large"
disabled={true} disabled={true}
prefix={<IconMail />} prefix={<IconMail />}
placeholder={email ? '' : t('等待获取邮箱信息...')} placeholder={email ? '' : t('等待获取邮箱信息...')}
@@ -142,7 +141,6 @@ const PasswordResetConfirm = () => {
field="newPassword" field="newPassword"
label={t('新密码')} label={t('新密码')}
name="newPassword" name="newPassword"
size="large"
disabled={true} disabled={true}
prefix={<IconLock />} prefix={<IconLock />}
suffix={ suffix={
@@ -167,7 +165,6 @@ const PasswordResetConfirm = () => {
className="w-full !rounded-full" className="w-full !rounded-full"
type="primary" type="primary"
htmlType="submit" htmlType="submit"
size="large"
onClick={handleSubmit} onClick={handleSubmit}
loading={loading} loading={loading}
disabled={disableButton || newPassword || !isValidResetLink} disabled={disableButton || newPassword || !isValidResetLink}

View File

@@ -120,7 +120,6 @@ const PasswordResetForm = () => {
label={t('邮箱')} label={t('邮箱')}
placeholder={t('请输入您的邮箱地址')} placeholder={t('请输入您的邮箱地址')}
name="email" name="email"
size="large"
value={email} value={email}
onChange={handleChange} onChange={handleChange}
prefix={<IconMail />} prefix={<IconMail />}
@@ -132,7 +131,6 @@ const PasswordResetForm = () => {
className="w-full !rounded-full" className="w-full !rounded-full"
type="primary" type="primary"
htmlType="submit" htmlType="submit"
size="large"
onClick={handleSubmit} onClick={handleSubmit}
loading={loading} loading={loading}
disabled={disableButton} disabled={disableButton}

View File

@@ -322,7 +322,6 @@ const RegisterForm = () => {
className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors" className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors"
type="tertiary" type="tertiary"
icon={<Icon svg={<WeChatIcon />} style={{ color: '#07C160' }} />} icon={<Icon svg={<WeChatIcon />} style={{ color: '#07C160' }} />}
size="large"
onClick={onWeChatLoginClicked} onClick={onWeChatLoginClicked}
loading={wechatLoading} loading={wechatLoading}
> >
@@ -336,7 +335,6 @@ const RegisterForm = () => {
className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors" className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors"
type="tertiary" type="tertiary"
icon={<IconGithubLogo size="large" />} icon={<IconGithubLogo size="large" />}
size="large"
onClick={handleGitHubClick} onClick={handleGitHubClick}
loading={githubLoading} loading={githubLoading}
> >
@@ -350,7 +348,6 @@ const RegisterForm = () => {
className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors" className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors"
type="tertiary" type="tertiary"
icon={<OIDCIcon style={{ color: '#1877F2' }} />} icon={<OIDCIcon style={{ color: '#1877F2' }} />}
size="large"
onClick={handleOIDCClick} onClick={handleOIDCClick}
loading={oidcLoading} loading={oidcLoading}
> >
@@ -364,7 +361,6 @@ const RegisterForm = () => {
className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors" className="w-full h-12 flex items-center justify-center !rounded-full border border-gray-200 hover:bg-gray-50 transition-colors"
type="tertiary" type="tertiary"
icon={<LinuxDoIcon style={{ color: '#E95420', width: '20px', height: '20px' }} />} icon={<LinuxDoIcon style={{ color: '#E95420', width: '20px', height: '20px' }} />}
size="large"
onClick={handleLinuxDOClick} onClick={handleLinuxDOClick}
loading={linuxdoLoading} loading={linuxdoLoading}
> >
@@ -390,7 +386,6 @@ const RegisterForm = () => {
type="primary" type="primary"
className="w-full h-12 flex items-center justify-center bg-black text-white !rounded-full hover:bg-gray-800 transition-colors" className="w-full h-12 flex items-center justify-center bg-black text-white !rounded-full hover:bg-gray-800 transition-colors"
icon={<IconMail size="large" />} icon={<IconMail size="large" />}
size="large"
onClick={handleEmailRegisterClick} onClick={handleEmailRegisterClick}
loading={emailRegisterLoading} loading={emailRegisterLoading}
> >
@@ -428,7 +423,6 @@ const RegisterForm = () => {
label={t('用户名')} label={t('用户名')}
placeholder={t('请输入用户名')} placeholder={t('请输入用户名')}
name="username" name="username"
size="large"
onChange={(value) => handleChange('username', value)} onChange={(value) => handleChange('username', value)}
prefix={<IconUser />} prefix={<IconUser />}
/> />
@@ -439,7 +433,6 @@ const RegisterForm = () => {
placeholder={t('输入密码,最短 8 位,最长 20 位')} placeholder={t('输入密码,最短 8 位,最长 20 位')}
name="password" name="password"
mode="password" mode="password"
size="large"
onChange={(value) => handleChange('password', value)} onChange={(value) => handleChange('password', value)}
prefix={<IconLock />} prefix={<IconLock />}
/> />
@@ -450,7 +443,6 @@ const RegisterForm = () => {
placeholder={t('确认密码')} placeholder={t('确认密码')}
name="password2" name="password2"
mode="password" mode="password"
size="large"
onChange={(value) => handleChange('password2', value)} onChange={(value) => handleChange('password2', value)}
prefix={<IconLock />} prefix={<IconLock />}
/> />
@@ -463,7 +455,6 @@ const RegisterForm = () => {
placeholder={t('输入邮箱地址')} placeholder={t('输入邮箱地址')}
name="email" name="email"
type="email" type="email"
size="large"
onChange={(value) => handleChange('email', value)} onChange={(value) => handleChange('email', value)}
prefix={<IconMail />} prefix={<IconMail />}
suffix={ suffix={
@@ -471,7 +462,6 @@ const RegisterForm = () => {
onClick={sendVerificationCode} onClick={sendVerificationCode}
loading={verificationCodeLoading} loading={verificationCodeLoading}
disabled={disableButton || verificationCodeLoading} disabled={disableButton || verificationCodeLoading}
size="small"
> >
{disableButton ? `${t('重新发送')} (${countdown})` : t('获取验证码')} {disableButton ? `${t('重新发送')} (${countdown})` : t('获取验证码')}
</Button> </Button>
@@ -482,7 +472,6 @@ const RegisterForm = () => {
label={t('验证码')} label={t('验证码')}
placeholder={t('输入验证码')} placeholder={t('输入验证码')}
name="verification_code" name="verification_code"
size="large"
onChange={(value) => handleChange('verification_code', value)} onChange={(value) => handleChange('verification_code', value)}
prefix={<IconKey />} prefix={<IconKey />}
/> />
@@ -495,7 +484,6 @@ const RegisterForm = () => {
className="w-full !rounded-full" className="w-full !rounded-full"
type="primary" type="primary"
htmlType="submit" htmlType="submit"
size="large"
onClick={handleSubmit} onClick={handleSubmit}
loading={registerLoading} loading={registerLoading}
> >
@@ -515,7 +503,6 @@ const RegisterForm = () => {
theme="outline" theme="outline"
type="tertiary" type="tertiary"
className="w-full !rounded-full" className="w-full !rounded-full"
size="large"
onClick={handleOtherRegisterOptionsClick} onClick={handleOtherRegisterOptionsClick}
loading={otherRegisterOptionsLoading} loading={otherRegisterOptionsLoading}
> >
@@ -544,7 +531,6 @@ const RegisterForm = () => {
onOk={onSubmitWeChatVerificationCode} onOk={onSubmitWeChatVerificationCode}
onCancel={() => setShowWeChatLoginModal(false)} onCancel={() => setShowWeChatLoginModal(false)}
okText={t('登录')} okText={t('登录')}
size="small"
centered={true} centered={true}
okButtonProps={{ okButtonProps={{
loading: wechatCodeSubmitLoading, loading: wechatCodeSubmitLoading,
@@ -558,7 +544,7 @@ const RegisterForm = () => {
<p>{t('微信扫码关注公众号,输入「验证码」获取验证码(三分钟内有效)')}</p> <p>{t('微信扫码关注公众号,输入「验证码」获取验证码(三分钟内有效)')}</p>
</div> </div>
<Form size="large"> <Form>
<Form.Input <Form.Input
field="wechat_verification_code" field="wechat_verification_code"
placeholder={t('验证码')} placeholder={t('验证码')}