bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style ConsumersList

Browse source
This commit is contained in:
Alex Gleason 2022-08-11 19:56:48 -05:00
parent 304e9aa880
commit 609eb543ba
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/soapbox/features/auth_login/components/consumers-list.tsx
View file

@ -1,7 +1,8 @@
import { List as ImmutableList } from 'immutable'; import { List as ImmutableList } from 'immutable';
import React from 'react'; import React from 'react';
import { FormattedMessage } from 'react-intl';
import { HStack } from 'soapbox/components/ui'; import { Card, HStack, Text } from 'soapbox/components/ui';
import { useAppSelector } from 'soapbox/hooks'; import { useAppSelector } from 'soapbox/hooks';
import ConsumerButton from './consumer-button'; import ConsumerButton from './consumer-button';
@ -15,11 +16,16 @@ const ConsumersList: React.FC<IConsumersList> = () => {
if (providers.size > 0) { if (providers.size > 0) {
return ( return (
<HStack space={2}> <Card className='p-4 sm:rounded-xl bg-gray-50'>
{providers.map(provider => ( <Text size='xs' theme='muted'>
<ConsumerButton provider={provider} /> <FormattedMessage id='oauth_consumers.title' defaultMessage='Other ways to sign in' />
))} </Text>
</HStack> <HStack space={2}>
{providers.map(provider => (
<ConsumerButton provider={provider} />
))}
</HStack>
</Card>
); );
} else { } else {
return null; return null;

2
app/soapbox/features/auth_login/components/login_form.tsx
View file

@ -31,7 +31,7 @@ const LoginForm: React.FC<ILoginForm> = ({ isLoading, handleSubmit }) => {
<h1 className='text-center font-bold text-2xl'><FormattedMessage id='login_form.header' defaultMessage='Sign In' /></h1> <h1 className='text-center font-bold text-2xl'><FormattedMessage id='login_form.header' defaultMessage='Sign In' /></h1>
</div> </div>
<Stack className='sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto' space={3}> <Stack className='sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto' space={5}>
<Form onSubmit={handleSubmit}> <Form onSubmit={handleSubmit}>
<FormGroup labelText={intl.formatMessage(messages.username)}> <FormGroup labelText={intl.formatMessage(messages.username)}>
<Input <Input