UI consistency

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-08-30 00:09:46 +02:00
parent 8a50412f28
commit 94fe7bc6a3
2 changed files with 4 additions and 4 deletions

View file

@ -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

View file

@ -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