Login Buttons: Adjust styles (#5531)
This commit is contained in:
parent
cc82e15654
commit
8b29f90fe6
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
)}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user