Octavia/odin-etch-a-sketch
Watch
1
0
Fork
You've already forked odin-etch-a-sketch
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust styles

Browse source
This commit is contained in:
lolabird 2023-11-11 19:19:38 -07:00
commit b877f9aeba
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
style.css
View file

@ -32,17 +32,18 @@ body{
.color-label { .color-label {
padding-bottom: 5px; padding-bottom: 5px;
font-size: 18px;
} }
.color-input { .color-input {
width: 100% width: 120%
} }
button { button {
display: block; display: block;
width: 100px; width: 120px;
margin: 5px; margin: 5px;
font-size: 18px;
} }
.container{ .container{
@ -59,6 +60,7 @@ button {
flex-direction: column; flex-direction: column;
margin: 0 10px; margin: 0 10px;
align-items: center; align-items: center;
font-size: 18px;
} }
#gridSlider { #gridSlider {
@ -66,14 +68,14 @@ button {
} }
.knob { .knob {
width: 80px; width: 95px;
height: 80px; height: 95px;
border-radius: 50%; border-radius: 50%;
border: 1px solid #111; border: 1px solid #111;
cursor: pointer; cursor: pointer;
background: #bbb; background: #bbb;
box-shadow: 1px 2px 10px 1px #555; box-shadow: 1px 2px 10px 1px #555;
margin-top: 10px; margin-top: 5px;
} }
.knotch { .knotch {