Add palette viewer and color cycling to proof of concept viewer

This commit is contained in:
Michael Smith
2023-05-13 22:40:36 +02:00
parent 940523f72f
commit 6f779d0c04
4 changed files with 164 additions and 26 deletions

View File

@@ -1,17 +1,25 @@
#image-canvas {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 640px;
height: 480px;
.container {
display: flex;
justify-content: space-evenly;
}
#thumbnail-canvas {
position: absolute;
top: 50%;
left: 15%;
transform: translate(-50%, -50%);
width: 80px;
height: 60px;
.sidebar {
height: 500px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.buttons {
display: flex;
justify-content: space-around;
}
#palette-canvas {
border: 1px solid black;
}
#cyclingSpeedSlider {
width: 70%;
}