hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tutorial is now dark

Browse source
This commit is contained in:
Felix Roos 2022-09-22 23:20:03 +02:00
parent 415139851e
commit 0d179f2042
1 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
tutorial/Tutorial.jsx
View file

@ -13,9 +13,9 @@ import '@strudel.cycles/react/dist/style.css';
ReactDOM.render( ReactDOM.render(
<React.StrictMode> <React.StrictMode>
<div className="min-h-screen"> <div className="min-h-screen bg-slate-900">
<header className="flex-none flex justify-start sticky top-0 z-[2] w-full h-16 px-2 items-center border-b border-gray-200 bg-white"> <header className="flex-none flex justify-start sticky top-0 z-[2] w-full h-16 px-2 items-center border-b border-slate-500 text-white bg-slate-900 z-[100]">
<div className="p-4 w-full flex justify-between"> <div className="p-4 w-full flex justify-between items-center">
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<img src={'https://tidalcycles.org/img/logo.svg'} className="Tidal-logo w-10 h-10" alt="logo" /> <img src={'https://tidalcycles.org/img/logo.svg'} className="Tidal-logo w-10 h-10" alt="logo" />
<h1 className="text-xl cursor-pointer" onClick={() => window.scrollTo(0, 0)}> <h1 className="text-xl cursor-pointer" onClick={() => window.scrollTo(0, 0)}>
@ -23,15 +23,14 @@ ReactDOM.render(
</h1> </h1>
</div> </div>
{!window.location.href.includes('localhost') && ( {!window.location.href.includes('localhost') && (
<div className="flex space-x-4"> <div className="flex space-x-4 text-slate-200">
<a href="../">go to REPL</a> <a href="../">go to REPL</a>
</div> </div>
)} )}
</div> </div>
</header> </header>
<main className="p-4 pl-6 max-w-3xl prose"> <main className="p-4 pl-6 max-w-3xl prose prose-invert">
<Tutorial /> <Tutorial />
{/* <ApiDoc /> */}
</main> </main>
</div> </div>
</React.StrictMode>, </React.StrictMode>,