style: update styles. #57

Author: jaywcjlove

src/codemirror.css

@@ -2,10 +2,14 @@
 
 .CodeMirror {
   /* Set height, width, borders, and global font properties here */
-  font-family: monospace;
-  height: 300px;
+  font-family: 'source-code-pro', Menlo, 'Courier New', Consolas, monospace;
   color: black;
   direction: ltr;
+  font-size: 14px;
+  z-index: 0;
+  border-radius: 5px;
+  height: auto;
+  background: transparent;
 }
 
 /* PADDING */

src/index.css

@@ -2,7 +2,6 @@ import React, { useRef, useEffect, useImperativeHandle, useState, useMemo } from
 import CodeMirror from 'codemirror';
 import 'codemirror/mode/meta';
 import './codemirror.css';
-import './index.css';
 
 const defaultOptions = {
   tabSize: 2,
@@ -97,7 +96,7 @@ function ReactCodeMirror(props = {}, ref) {
   useMemo(() => {
     if (!editor || !window) return;
     setOptions(editor, {...defaultOptions, ...options});
-  }, [options]);
+  }, [editor, options]);
 
   return (
     <textarea ref={textareaRef} />