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

fix: make canvas visible

Browse Source 
- automate editor background handling
This commit is contained in:
Felix Roos 2023-12-14 23:00:18 +01:00
parent d23cac506c
commit 29082808cb
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/codemirror/codemirror.mjs
View File

@ -150,6 +150,11 @@ export class StrudelMirror {
onEvaluate: () => this.evaluate(), onEvaluate: () => this.evaluate(),
onStop: () => this.stop(), onStop: () => this.stop(),
}); });
const cmEditor = this.root.querySelector('.cm-editor');
if (cmEditor) {
this.root.style.backgroundColor = 'var(--background)';
cmEditor.style.backgroundColor = 'transparent';
}
} }
async drawFirstFrame() { async drawFirstFrame() {
if (!this.onDraw) { if (!this.onDraw) {

2
website/src/pages/vanilla/index.astro
View File

@ -7,7 +7,7 @@ import HeadCommonNew from '../../components/HeadCommonNew.astro';
<HeadCommonNew /> <HeadCommonNew />
<title>Strudel Vanilla REPL</title> <title>Strudel Vanilla REPL</title>
</head> </head>
<body class="h-app-height bg-background"> <body class="h-app-height">
<div class="settings"> <div class="settings">
<form name="settings" class="flex flex-col space-y-1 bg-[#00000080]"> <form name="settings" class="flex flex-col space-y-1 bg-[#00000080]">
<label <label