Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated codemirror theme

Browse Source
This commit is contained in:
kachbit 2023-11-18 23:19:34 -08:00
parent 183ddde941
commit 168d4b035b
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/CodeMirror.tsx
View File

@ -1,7 +1,7 @@
import { useRef, useEffect } from "react"; import { useRef, useEffect } from "react";
import { EditorState } from "@codemirror/state"; import { EditorState } from "@codemirror/state";
import { EditorView, keymap, lineNumbers } from "@codemirror/view"; import { EditorView, keymap, lineNumbers } from "@codemirror/view";
import { cobalt } from "thememirror"; import { espresso } from "thememirror";
import { import {
defaultKeymap, defaultKeymap,
history, history,
@ -36,7 +36,7 @@ function CodeMirror({ code }: Props) {
lineNumbers(), lineNumbers(),
bracketMatching(), bracketMatching(),
html(), html(),
cobalt, espresso,
EditorView.lineWrapping, EditorView.lineWrapping,
], ],
}), }),
@ -60,6 +60,6 @@ function CodeMirror({ code }: Props) {
} }
}, [code]); }, [code]);
return <div className="overflow-x-scroll overflow-y-scroll mx-2" ref={ref} />; return <div className="overflow-x-scroll overflow-y-scroll mx-2 border-[4px] border-black rounded-[20px]" ref={ref} />;
} }
export default CodeMirror; export default CodeMirror;