UI consistency
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
parent
8a50412f28
commit
94fe7bc6a3
2 changed files with 4 additions and 4 deletions
|
@ -69,12 +69,12 @@ const Poll: React.FC<IPoll> = ({ id, status }): JSX.Element | null => {
|
|||
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
||||
<div onClick={e => e.stopPropagation()}>
|
||||
{!showResults && poll.multiple && (
|
||||
<Text theme='muted' size='sm'>
|
||||
<Text className='mb-4' theme='muted' size='sm'>
|
||||
{intl.formatMessage(messages.multiple)}
|
||||
</Text>
|
||||
)}
|
||||
|
||||
<Stack space={4} className='mt-4'>
|
||||
<Stack space={4}>
|
||||
<Stack space={2}>
|
||||
{poll.options.map((option, i) => (
|
||||
<PollOption
|
||||
|
|
|
@ -6,7 +6,7 @@ import { Link } from 'react-router-dom';
|
|||
|
||||
import { toggleStatusSpoilerExpanded } from 'pl-fe/actions/statuses';
|
||||
import Icon from 'pl-fe/components/icon';
|
||||
import { Button, Text } from 'pl-fe/components/ui';
|
||||
import { Button, Stack, Text } from 'pl-fe/components/ui';
|
||||
import { useAppDispatch, useSettings } from 'pl-fe/hooks';
|
||||
import { onlyEmoji as isOnlyEmoji } from 'pl-fe/utils/rich-content';
|
||||
|
||||
|
@ -234,7 +234,7 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
|
|||
output.push(<Poll id={status.poll_id} key='poll' status={status} />);
|
||||
}
|
||||
|
||||
return <div className={clsx({ 'bg-gray-100 dark:bg-primary-800 rounded-md p-4': hasPoll })}>{output}</div>;
|
||||
return <Stack space={4} className={clsx({ 'bg-gray-100 dark:bg-primary-800 rounded-md p-4': hasPoll })}>{output}</Stack>;
|
||||
} else {
|
||||
output.push(
|
||||
<Markup
|
||||
|
|
Loading…
Reference in a new issue