sfja/karlkoder-playground
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix console overflow for reals

Browse Source
This commit is contained in:
Reimar 2025-10-10 12:13:15 +02:00
parent 7940cf70f4
commit eec7f160d9
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -2,10 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Karlkoder Playground</title>
@ -63,10 +60,10 @@
<section>
<div class="section-header">Output</div>
<canvas id="canvas-area"> </canvas>
<canvas id="canvas-area" width="480" height="360"></canvas>
</section>
<section>
<section id="console-section">
<div class="section-header">
Console
</div>

10
style.css
View File

@ -35,7 +35,6 @@ section {
display: flex;
flex-direction: column;
background-color: black;
overflow-y: auto;
}
section canvas {
@ -81,13 +80,17 @@ div#buttons > * > button {
#canvas-area {
background-color: black;
width: 480px;
height: 360px;
}
#console-section {
min-height: 0;
flex: 0 1 100%;
}
#console {
display: flex;
flex-direction: column;
overflow-y: scroll;
}
#console pre {
@ -122,6 +125,7 @@ div#buttons > * > button {
#editor-area {
width: 100%;
overflow-y: auto;
}
#editor {