Skip to content

Commit

Permalink
fix(web): don't break UI on long lines
Browse files Browse the repository at this point in the history
When a very long line appears in the editor, it expands the code area
and hides the other.

This commit fixes it by adding a max-width on the columns on large
displays.
  • Loading branch information
derlin committed Sep 18, 2024
1 parent bf25ec5 commit 4ca6d94
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions src/jsMain/css/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -161,6 +161,7 @@ body {
height: 100%;
display: flex;
flex-direction: column;
max-width: calc(50% - 5px);
}

.textarea {
Expand Down Expand Up @@ -203,6 +204,7 @@ body {
}
.textarea-column {
margin-top: 20px;
max-width: 100%;
}
#options > div {
flex: 100%;
Expand Down

0 comments on commit 4ca6d94

Please sign in to comment.