Add low-curvature construction

Also add infrastructure for switching between constructions.
This commit is contained in:
Aaron Fenyes 2024-09-04 16:27:28 -07:00
parent 121934c4c3
commit 3493a798d1
2 changed files with 189 additions and 52 deletions

View file

@ -18,14 +18,41 @@ canvas {
margin-top: 5px;
}
.control {
.hidden {
display: none;
}
.control, .tab-pane {
display: flex;
flex-direction: row;
width: 600px;
}
input[type="radio"] {
display: none;
}
.tab-pane > label {
border: 1px solid #aaa;
border-radius: 5px;
text-align: center;
padding: 5px;
margin-right: 10px;
margin-bottom: 5px;
}
.tab-pane > label:has(:checked) {
border-color: #fcfcfc;
background-color: #555;
}
.tab-pane > label:hover:not(:has(:checked)) {
border-color: #bbb;
background-color: #333;
}
label {
width: 150px;
width: 170px;
}
input {