configure monaco properly

Author: birkskyum

packages/solid-repl/repl/main.css

@@ -27,11 +27,3 @@ div[contenteditable='true']:focus {
 .dark {
   color-scheme: dark;
 }
-
-div.view-lines.monaco-mouse-cursor-text {
-  font-family: Menlo, Monaco, 'Courier New', monospace !important;
-}
-
-textarea.monaco-mouse-cursor-text:focus {
-  box-shadow: unset;
-}

packages/solid-repl/src/components/editor/index.tsx

@@ -81,6 +81,7 @@ const Editor: Component<{
   onMount(() => {
     editor = mEditor.create(parent, {
       model: null,
+      fontFamily:'Menlo, Monaco, "Courier New", monospace',
       automaticLayout: true,
       readOnly: props.disabled,
       fontSize: zoomState.fontSize,