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

fix: mobile preview visibility with explicit flex display

Browse Source
This commit is contained in:
Michael Czechowski
2025-12-30 21:45:41 +01:00
parent a7cc035410
commit 9c22aa9ce4
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/main.css
View File

@@ -1143,15 +1143,20 @@ input:checked + .toggle-slider::before {
.preview-section { .preview-section {
order: 3; order: 3;
display: flex;
flex-direction: column;
min-height: 50vh;
} }
.editor-section { .editor-section {
order: 4; order: 4;
flex: 1; display: flex;
flex-direction: column;
min-height: 50vh; min-height: 50vh;
} }
.preview-wrapper { .preview-wrapper {
flex: 1;
margin: var(--spacing-sm); margin: var(--spacing-sm);
min-height: 40vh; min-height: 40vh;
} }