diff --git a/repl/src/App.css b/repl/src/App.css index 4b36b29d..9dc525e8 100644 --- a/repl/src/App.css +++ b/repl/src/App.css @@ -1,3 +1,4 @@ +@import '@strudel.cycles/react/dist/style.css'; @tailwind base; @tailwind components; @tailwind utilities; @@ -6,18 +7,6 @@ body { background-color: #222; } -.react-codemirror2, -.CodeMirror { - height: 100% !important; - background-color: transparent !important; - font-size: 15px; - z-index: 20; -} - -.CodeMirror-line > span { - background-color: #11111190; -} - .darken::before { content: ' '; position: fixed; @@ -28,4 +17,4 @@ body { display: block; background: black; opacity: 0.5; -} \ No newline at end of file +} diff --git a/repl/src/App.jsx b/repl/src/App.jsx index 9da7f9a4..ce9be045 100644 --- a/repl/src/App.jsx +++ b/repl/src/App.jsx @@ -7,7 +7,6 @@ This program is free software: you can redistribute it and/or modify it under th import controls from '@strudel.cycles/core/controls.mjs'; import { evalScope, evaluate } from '@strudel.cycles/eval'; import { CodeMirror, cx, flash, useHighlighting, useRepl, useWebMidi } from '@strudel.cycles/react'; -import '@strudel.cycles/react/dist/style.css'; import { getDefaultSynth, cleanupDraw, cleanupUi, Tone } from '@strudel.cycles/tone'; import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'; import './App.css';