Make the editor use the remaining page height
This commit is contained in:
@@ -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 {
|
||||
|
Reference in New Issue
Block a user