Minor styles changes
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
@ -195,7 +195,6 @@
|
||||
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
||||
"@typescript-eslint/parser": "^7.0.0",
|
||||
"babel-plugin-transform-require-context": "^0.1.1",
|
||||
"cross-env": "^7.0.3",
|
||||
"eslint": "^8.49.0",
|
||||
"eslint-import-resolver-typescript": "^3.6.0",
|
||||
"eslint-plugin-compat": "^4.2.0",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import React from 'react';
|
||||
import { FormattedMessage } from 'react-intl';
|
||||
|
||||
import { Card, HStack, Text } from 'pl-fe/components/ui';
|
||||
import { Card, HStack, Stack, Text } from 'pl-fe/components/ui';
|
||||
import { useInstance } from 'pl-fe/hooks';
|
||||
|
||||
import ConsumerButton from './consumer-button';
|
||||
@ -16,15 +16,17 @@ const ConsumersList: React.FC<IConsumersList> = () => {
|
||||
|
||||
if (providers.length > 0) {
|
||||
return (
|
||||
<Card className='bg-gray-50 black:bg-black sm:rounded-xl dark:bg-primary-800'>
|
||||
<Text size='xs' theme='muted'>
|
||||
<FormattedMessage id='oauth_consumers.title' defaultMessage='Other ways to sign in' />
|
||||
</Text>
|
||||
<HStack space={2}>
|
||||
{providers.map(provider => (
|
||||
<ConsumerButton provider={provider} />
|
||||
))}
|
||||
</HStack>
|
||||
<Card className='bg-gray-50 p-2 black:bg-black black:p-0 sm:rounded-xl dark:bg-primary-800'>
|
||||
<Stack space={2}>
|
||||
<Text size='xs' theme='muted'>
|
||||
<FormattedMessage id='oauth_consumers.title' defaultMessage='Other ways to sign in' />
|
||||
</Text>
|
||||
<HStack space={2}>
|
||||
{providers.map(provider => (
|
||||
<ConsumerButton provider={provider} />
|
||||
))}
|
||||
</HStack>
|
||||
</Stack>
|
||||
</Card>
|
||||
);
|
||||
} else {
|
||||
|
||||
@ -4,8 +4,7 @@ import { useIntl, defineMessages, FormattedMessage, IntlShape } from 'react-intl
|
||||
|
||||
import { changeComposeFederated, changeComposeVisibility } from 'pl-fe/actions/compose';
|
||||
import DropdownMenu from 'pl-fe/components/dropdown-menu';
|
||||
import Icon from 'pl-fe/components/icon';
|
||||
import { Button, Toggle } from 'pl-fe/components/ui';
|
||||
import { Button, Icon, Toggle } from 'pl-fe/components/ui';
|
||||
import { useAppDispatch, useCompose, useFeatures } from 'pl-fe/hooks';
|
||||
|
||||
import type { Features } from 'pl-api';
|
||||
@ -144,9 +143,7 @@ const getPrivacyDropdown = (composeId: string): React.FC<IPrivacyDropdownMenu> =
|
||||
aria-selected={active}
|
||||
ref={active ? focusedItem : null}
|
||||
>
|
||||
<div className='mr-2.5 flex items-center justify-center rtl:ml-2.5 rtl:mr-0'>
|
||||
<Icon src={item.icon} />
|
||||
</div>
|
||||
<Icon src={item.icon} className='mr-2.5 h-5 w-5 flex-none rtl:ml-2.5 rtl:mr-0' />
|
||||
|
||||
<div
|
||||
className={clsx('flex-auto text-xs text-primary-600 dark:text-primary-400', {
|
||||
|
||||
@ -4308,14 +4308,7 @@ cosmiconfig@^9.0.0:
|
||||
js-yaml "^4.1.0"
|
||||
parse-json "^5.2.0"
|
||||
|
||||
cross-env@^7.0.3:
|
||||
version "7.0.3"
|
||||
resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
|
||||
integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
|
||||
dependencies:
|
||||
cross-spawn "^7.0.1"
|
||||
|
||||
cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
|
||||
cross-spawn@^7.0.2, cross-spawn@^7.0.3:
|
||||
version "7.0.3"
|
||||
resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
|
||||
integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
|
||||
|
||||
Reference in New Issue
Block a user