scott/crabfit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update buttons, infer width from content

Browse source
This commit is contained in:
Ben Grant 2021-06-05 22:03:56 +10:00
parent 8648cef3d8
commit dada28d723
10 changed files with 70 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

2
crabfit-frontend/src/pages/Create/Create.tsx
View file

@ -231,7 +231,7 @@ const Create = ({ offline }) => {
<Error open={!!error} onClose={() => setError(null)}>{error}</Error>
<Button type="submit" isLoading={isLoading} disabled={isLoading} buttonWidth="100%">{t('home:form.button')}</Button>
<Button type="submit" isLoading={isLoading} disabled={isLoading} style={{ width: '100%' }}>{t('home:form.button')}</Button>
</CreateForm>
)}
</StyledMain>

1
crabfit-frontend/src/pages/Event/Event.tsx
View file

@ -349,7 +349,6 @@ const Event = (props) => {
type="submit"
isLoading={isLoginLoading}
disabled={isLoginLoading || isLoading}
buttonWidth={`${Math.max(t('event:form.button').length*11, 100)}px`}
>{t('event:form.button')}</Button>
</LoginForm>
<Error open={!!error} onClose={() => setError(null)}>{error}</Error>

2
crabfit-frontend/src/pages/Help/Help.tsx
View file

@ -84,7 +84,7 @@ const Help = () => {
<AboutSection id="about">
<StyledMain>
<Center><Button buttonWidth="230px" onClick={() => push('/')}>{t('common:cta')}</Button></Center>
<Center><Button onClick={() => push('/')}>{t('common:cta')}</Button></Center>
</StyledMain>
</AboutSection>

2
crabfit-frontend/src/pages/Privacy/Privacy.tsx
View file

@ -83,7 +83,7 @@ const Privacy = () => {
<AboutSection id="about">
<StyledMain>
<Center><Button buttonWidth="230px" onClick={() => push('/')}>{t('common:cta')}</Button></Center>
<Center><Button onClick={() => push('/')}>{t('common:cta')}</Button></Center>
</StyledMain>
</AboutSection>