scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-26 12:50:44 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

set size of join flow next step spinner

Browse source
This commit is contained in:
Ben Wheeler 2019-09-16 22:41:46 -04:00
parent 5d1c46d24f
commit d2bfa13d0a
2 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/join-flow/next-step-button.jsx
View file

@ -16,14 +16,14 @@ const NextStepButton = props => (
type="submit" type="submit"
{...omit(props, ['intl', 'text', 'waiting'])} {...omit(props, ['intl', 'text', 'waiting'])}
> >
{props.waiting ? {props.waiting ? (
<Spinner /> : ( <Spinner className="next-step-spinner" />
<ModalTitle ) : (
className="next-step-title" <ModalTitle
title={props.content ? props.content : props.intl.formatMessage({id: 'general.next'})} className="next-step-title"
/> title={props.content ? props.content : props.intl.formatMessage({id: 'general.next'})}
) />
} )}
</button> </button>
); );

5
src/components/join-flow/next-step-button.scss
View file

@ -22,3 +22,8 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.next-step-spinner {
width: 2.625rem;
height: 2.625rem;
}