diff --git a/src/modules/editor/components/ReactMarkdownEditor/index.tsx b/src/modules/editor/components/ReactMarkdownEditor/index.tsx index 390e429..240f757 100644 --- a/src/modules/editor/components/ReactMarkdownEditor/index.tsx +++ b/src/modules/editor/components/ReactMarkdownEditor/index.tsx @@ -32,9 +32,9 @@ const ReactMarkdownEditor: FC = ({ onChange={changeHandler} className={styles.textarea} style={style} - > - {value} - + placeholder="Start typing here..." + value={value} + /> ); }; diff --git a/src/modules/editor/components/ReactMarkdownEditor/styles.module.scss b/src/modules/editor/components/ReactMarkdownEditor/styles.module.scss index 5d4d62b..8d5e603 100644 --- a/src/modules/editor/components/ReactMarkdownEditor/styles.module.scss +++ b/src/modules/editor/components/ReactMarkdownEditor/styles.module.scss @@ -4,6 +4,10 @@ padding: 0; background: transparent; color: inherit; - border: none; + border-width: 0px !important; + outline: none; box-sizing: border-box; + resize: none; + vertical-align: bottom; + margin: 0; } diff --git a/src/modules/editor/containers/MarkdownEditorContainer/styles.module.scss b/src/modules/editor/containers/MarkdownEditorContainer/styles.module.scss index 7514d11..b634814 100644 --- a/src/modules/editor/containers/MarkdownEditorContainer/styles.module.scss +++ b/src/modules/editor/containers/MarkdownEditorContainer/styles.module.scss @@ -1,5 +1,5 @@ .editor { height: 100%; - overflow: scroll; + overflow: auto; box-sizing: border-box; } diff --git a/src/styles/_dark.scss b/src/styles/_dark.scss index 6a300f4..bf1909c 100644 --- a/src/styles/_dark.scss +++ b/src/styles/_dark.scss @@ -1,6 +1,6 @@ :root { - --color-border: #333333; - --color-background: #111111; + --color-border: #444444; + --color-background: #2e2e2e; --color-text: #ffffff; --color-link: #25bfe6; --color-code-text: #ff3344;