Make the editor use the remaining page height

This commit is contained in:
2024-03-20 20:03:49 +01:00
parent d9cd098b61
commit 57256c76ab
3 changed files with 21 additions and 8 deletions

View File

@@ -24,10 +24,13 @@ h1 {
}
#app {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
text-align: center;
display: flex;
flex-direction: column;
min-height: 100vh;
}
#app[hidden] {
display: none;
}
.input {
@@ -36,6 +39,9 @@ h1 {
justify-content: center;
margin-bottom: 0.5em;
}
.current-word {
padding-top: 2rem;
}
input {
padding: 0.3em 0.5em;
font-size: 1.1em;
@@ -108,9 +114,8 @@ button:focus-visible {
background-color: #3a3a3a;
}
graph-editor {
display: block;
height: 600px;
#state-graph {
flex-grow: 1;
}
.link {