Layout: equal 1/3 columns for tutorial, code, and machine state

This commit is contained in:
2026-04-07 10:20:01 +01:00
parent e465b1cf71
commit bab0bb0c6b

View File

@@ -231,7 +231,7 @@ onUnmounted(() => stopAuto())
.hdr-stars span { color: var(--border); } .hdr-stars span { color: var(--border); }
.hdr-stars span.earned { color: var(--accent-yellow); } .hdr-stars span.earned { color: var(--accent-yellow); }
.level-layout { flex: 1; display: grid; grid-template-columns: 260px 1fr 300px; gap: 10px; padding: 10px; overflow: hidden; min-height: 0; } .level-layout { flex: 1; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; padding: 10px; overflow: hidden; min-height: 0; }
.panel-tut { overflow-y: auto; min-height: 0; } .panel-tut { overflow-y: auto; min-height: 0; }
.panel-center { display: flex; flex-direction: column; gap: 6px; min-height: 0; overflow: hidden; } .panel-center { display: flex; flex-direction: column; gap: 6px; min-height: 0; overflow: hidden; }
.panel-center .code-editor { flex: 1; min-height: 0; overflow: hidden; } .panel-center .code-editor { flex: 1; min-height: 0; overflow: hidden; }