diff --git a/src/components/flow/Cell/index.tsx b/src/components/flow/Cell/index.tsx index 75523ffa..688d5249 100644 --- a/src/components/flow/Cell/index.tsx +++ b/src/components/flow/Cell/index.tsx @@ -4,6 +4,7 @@ import { formatCellText, getURL } from '~/utils/dom'; import classNames from 'classnames'; import styles from './styles.module.scss'; +import markdown from '~/styles/common/markdown.module.scss'; import { Icon } from '~/components/input/Icon'; import { flowSetCellView } from '~/redux/flow/actions'; import { PRESETS } from '~/constants/urls'; @@ -119,6 +120,8 @@ const Cell: FC = ({ } }, [title]); + const cellText = useMemo(() => formatCellText(text), [text]); + return (
{is_visible && ( @@ -150,7 +153,10 @@ const Cell: FC = ({
{title &&
{title}
} - +
)} @@ -158,7 +164,10 @@ const Cell: FC = ({
{title &&
{title}
} - +
)}
diff --git a/src/components/flow/Cell/styles.module.scss b/src/components/flow/Cell/styles.module.scss index ed6d791b..8a628cc8 100644 --- a/src/components/flow/Cell/styles.module.scss +++ b/src/components/flow/Cell/styles.module.scss @@ -327,6 +327,7 @@ overflow: hidden; box-sizing: border-box; position: relative; + font-size: 6px; &::after { content: ' '; diff --git a/src/styles/common/markdown.module.scss b/src/styles/common/markdown.module.scss index 15b3d015..a4d1cca2 100644 --- a/src/styles/common/markdown.module.scss +++ b/src/styles/common/markdown.module.scss @@ -8,28 +8,29 @@ right: 4px solid $red; } font-family: monospace; - font-size: 13px; + font-size: 0.9em; border-radius: $radius; width: 100%; overflow: auto; padding: $gap; box-sizing: border-box; + margin-bottom: 0.3em; } img { max-width: 100%; - margin-bottom: $gap; + margin-bottom: 0.3em; } p { - margin-bottom: $gap; + margin-bottom: 0.3em; } h5, h4, h3, h2, h1 { color: white; font-weight: 800; line-height: 1.2em; - margin-bottom: $gap; + margin-bottom: 0.3em; } h1 { @@ -55,10 +56,10 @@ ul { list-style: disc; padding-left: 20px; - margin-bottom: $gap; + margin-bottom: 0.3em; li { - margin: 5px 0; + margin: 0.1em 0; } }