Move the graph visualization behind a button
This commit is contained in:
@@ -39,8 +39,9 @@ h1 {
|
||||
justify-content: center;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.current-word {
|
||||
#current-word {
|
||||
padding-top: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
input {
|
||||
padding: 0.3em 0.5em;
|
||||
@@ -114,9 +115,23 @@ button:focus-visible {
|
||||
background-color: #3a3a3a;
|
||||
}
|
||||
|
||||
.blurred {
|
||||
filter: blur(32px);
|
||||
}
|
||||
.player {
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
#state-graph {
|
||||
flex-grow: 1;
|
||||
}
|
||||
#display-graph {
|
||||
position: absolute;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.link {
|
||||
stroke: orange;
|
||||
|
Reference in New Issue
Block a user