fix: namespace mini-repl styles

This commit is contained in:
Felix Roos 2023-11-05 12:35:49 +01:00
parent ec611aac45
commit 7ad0ec1600
2 changed files with 8 additions and 8 deletions

View File

@ -1,26 +1,26 @@
.cm-activeLine, .mini-repl .cm-activeLine,
.cm-activeLineGutter { .mini-repl .cm-activeLineGutter {
background-color: transparent !important; background-color: transparent !important;
} }
.cm-theme { .mini-repl .cm-theme {
background-color: var(--background); background-color: var(--background);
border: 1px solid var(--lineHighlight); border: 1px solid var(--lineHighlight);
padding: 2px; padding: 2px;
} }
.cm-scroller { .mini-repl .cm-scroller {
font-family: inherit !important; font-family: inherit !important;
} }
.cm-gutters { .mini-repl .cm-gutters {
display: none !important; display: none !important;
} }
.cm-cursorLayer { .mini-repl .cm-cursorLayer {
animation-name: inherit !important; animation-name: inherit !important;
} }
.cm-cursor { .mini-repl .cm-cursor {
border-left: 2px solid currentcolor !important; border-left: 2px solid currentcolor !important;
} }

View File

@ -51,7 +51,7 @@ export function MiniRepl({
.catch((err) => console.error(err)); .catch((err) => console.error(err));
}, []); }, []);
return Repl ? ( return Repl ? (
<div className="mb-4"> <div className="mb-4 mini-repl">
<Repl <Repl
tune={tune} tune={tune}
hideOutsideView={true} hideOutsideView={true}