public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

fix: editor min-height 50vh, scrollable instructions on desktop

Browse Source
This commit is contained in:
Michael Czechowski
2025-12-30 21:28:48 +01:00
parent a4787731dc
commit 66e047a440
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/main.css
View File

@@ -226,6 +226,8 @@ code, kbd {
.instructions { .instructions {
padding: var(--spacing-md); padding: var(--spacing-md);
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
max-height: calc(50vh - 60px);
overflow-y: auto;
} }
/* Smooth lesson transition */ /* Smooth lesson transition */
@@ -351,7 +353,7 @@ code, kbd {
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 50vh;
position: relative; position: relative;
} }