elias/strudel
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel.git synced 2026-01-11 21:58:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

use terminal font for console + samples

Browse Source
This commit is contained in:
Felix Roos 2023-02-19 23:28:33 +01:00
parent 89cd0c769b
commit 7716574076
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
website/src/repl/Footer.jsx
View File

@ -175,7 +175,13 @@ function WelcomeTab() {
function ConsoleTab({ log }) {
return (
<div className="break-all px-4 dark:text-white text-stone-900">
<div id="console-tab" className="break-all px-4 dark:text-white text-stone-900">
<pre>{`███████╗████████╗██████╗ ██╗ ██╗██████╗ ███████╗██╗
██╔════╝╚══██╔══╝██╔══██╗██║ ██║██╔══██╗██╔════╝██║
███████╗ ██║ ██████╔╝██║ ██║██║ ██║█████╗ ██║
╚════██║ ██║ ██╔══██╗██║ ██║██║ ██║██╔══╝ ██║
███████║ ██║ ██║ ██║╚██████╔╝██████╔╝███████╗███████╗
╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝╚══════╝`}</pre>
{log.map((l, i) => {
const message = linkify(l.message);
return (
@ -191,7 +197,7 @@ function ConsoleTab({ log }) {
function SamplesTab() {
return (
<div className="break-normal w-full px-4 dark:text-white text-stone-900">
<div id="samples-tab" className="break-normal w-full px-4 dark:text-white text-stone-900">
<span>{loadedSamples.length} banks loaded:</span>
{loadedSamples.map(([name, samples]) => (
<span key={name} className="cursor-pointer hover:opacity-50" onClick={() => {}}>

5
website/src/styles/index.css
View File

@ -21,3 +21,8 @@
:root {
--app-height: 100vh;
}
#console-tab,
#samples-tab {
font-family: BigBlueTerminal, monospace;
}