diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css index df9879a2..d00df240 100644 --- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css +++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css @@ -65,6 +65,15 @@ white-space: pre-wrap; } +.descriptionMarkdownPreviewTitle { + margin: 10px 0; + font-size: 16px; +} + +.descriptionPreview { + font-size: 14px; +} + .readOnlyRoleExclude { font-size: 12px; } diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx index bd53931a..f2cab72b 100644 --- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx +++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx @@ -16,6 +16,7 @@ import styles from './subplebbit-settings.module.css'; import { isValidURL } from '../../../lib/utils/url-utils'; import { OptionInput, Exclude, getDefaultChallengeDescription, getDefaultChallengeOptions, getDefaultChallengeSettings } from '../../../lib/utils/challenge-utils'; import LoadingEllipsis from '../../../components/loading-ellipsis'; +import Markdown from '../../../components/markdown'; import Sidebar from '../../../components/sidebar'; import { isCreateSubplebbitView, isSubplebbitSettingsView } from '../../../lib/utils/view-utils'; @@ -112,7 +113,17 @@ const Description = ({ isReadOnly = false }: { isReadOnly?: boolean }) => { {isReadOnly ? (
{description}
) : ( -