StudioInfinity/dyna3
2
0
Fork 2
Code Issues 69 Pull requests Projects 3 Releases 4 Wiki Activity Actions

App: add display canvas

Browse source
This commit is contained in:
Aaron Fenyes 2024-09-13 14:53:12 -07:00
parent 0c2869d3f3
commit 49170671b4
5 changed files with 46 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

31
app-proto/sketch-outline/main.css
View file

@ -5,11 +5,17 @@ body {
background-color: #222;
}
/* outline */
ul {
float: left;
width: 450px;
height: 750px;
margin: 0px;
padding: 8px;
border: 1px solid #888;
border: 1px solid #555;
border-radius: 16px;
box-sizing: border-box;
}
li {
@ -20,6 +26,11 @@ li {
border-radius: 8px;
}
li:focus {
color: #fff;
background-color: #666;
}
li:not(:last-child) {
margin-bottom: 8px;
}
@ -41,10 +52,28 @@ li > .elt-rep > div {
background-color: #333;
}
li:focus > .elt-rep > div {
background-color: #555;
}
li > .elt-rep > div:first-child {
border-radius: 6px 0px 0px 6px;
}
li > .elt-rep > div:last-child {
border-radius: 0px 6px 6px 0px;
}
/* display */
canvas {
float: left;
margin-left: 16px;
background-color: #020202;
border: 1px solid #555;
border-radius: 16px;
}
canvas:focus {
border-color: #aaa;
}