Login Buttons: Adjust styles (#5531)

This commit is contained in:
Alexander Zinchuk 2025-01-22 23:01:28 +01:00
parent cc82e15654
commit 8b29f90fe6
4 changed files with 7 additions and 7 deletions

View File

@ -241,18 +241,18 @@ const AuthPhoneNumber: FC<StateProps> = ({
/>
{canSubmit && (
isAuthReady ? (
<Button type="submit" ripple isLoading={authIsLoading}>{lang('LoginNext')}</Button>
<Button size="smaller" type="submit" ripple isLoading={authIsLoading}>{lang('LoginNext')}</Button>
) : (
<Loading />
)
)}
{isAuthReady && (
<Button isText ripple isLoading={authIsLoadingQrCode} onClick={handleGoToAuthQrCode}>
<Button size="smaller" isText ripple isLoading={authIsLoadingQrCode} onClick={handleGoToAuthQrCode}>
{lang('LoginQRLogin')}
</Button>
)}
{suggestedLanguage && suggestedLanguage !== language && continueText && (
<Button isText isLoading={isLoading} onClick={handleLangChange}>{continueText}</Button>
<Button size="smaller" isText isLoading={isLoading} onClick={handleLangChange}>{continueText}</Button>
)}
</form>
</div>

View File

@ -178,10 +178,10 @@ const AuthCode = ({
<li><span>{lang('LoginQRHelp3')}</span></li>
</ol>
{isAuthReady && (
<Button isText onClick={habdleReturnToAuthPhoneNumber}>{lang('LoginQRCancel')}</Button>
<Button size="smaller" isText onClick={habdleReturnToAuthPhoneNumber}>{lang('LoginQRCancel')}</Button>
)}
{suggestedLanguage && suggestedLanguage !== language && continueText && (
<Button isText isLoading={isLoading} onClick={handleLangChange}>{continueText}</Button>
<Button size="smaller" isText isLoading={isLoading} onClick={handleLangChange}>{continueText}</Button>
)}
</div>
</div>

View File

@ -76,7 +76,7 @@ const AuthRegister: FC<StateProps> = ({
autoComplete="family-name"
/>
{isButtonShown && (
<Button type="submit" ripple isLoading={authIsLoading}>{lang('Next')}</Button>
<Button size="smaller" type="submit" ripple isLoading={authIsLoading}>{lang('Next')}</Button>
)}
</form>
</div>

View File

@ -155,7 +155,7 @@ const PasswordForm: FC<OwnProps> = ({
</div>
{description && <p className="description">{description}</p>}
{onSubmit && (canSubmit || shouldShowSubmit) && (
<Button type="submit" ripple={!noRipple} isLoading={isLoading} disabled={!canSubmit}>
<Button size="smaller" type="submit" ripple={!noRipple} isLoading={isLoading} disabled={!canSubmit}>
{submitLabel}
</Button>
)}