emilia
/
plate-tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More CSS tweaks for small screens

This commit is contained in:
Emilia Allison 2023-06-13 12:59:49 -04:00
parent 56484ec870
commit d017a49c31
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
2 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/scss/default_theme/components/_plate_container.scss
View File

@ -4,7 +4,7 @@
div.plate_container { div.plate_container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: space-evenly;
align-items: center; align-items: center;
border: 2px solid $color-dark; border: 2px solid $color-dark;
@ -15,8 +15,4 @@ div.plate_container {
margin-bottom: 1%; margin-bottom: 1%;
text-align: center; text-align: center;
} }
.plate_container--destination {
margin-top: 3%;
}
} }

6
assets/scss/default_theme/components/_plates.scss
View File

@ -26,7 +26,7 @@ div.plate_cell_inner {
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
height: 90%; height: 90%;
border-radius: 50%; border-radius: 50%;
border: 2px solid black; border: 1px solid black;
} }
td.plate_cell:hover div.plate_cell_inner { td.plate_cell:hover div.plate_cell_inner {
background: black !important; background: black !important;
@ -43,10 +43,10 @@ td.plate_cell.in_transfer div.plate_cell_inner::after {
rgba(0,0,0,0.8), rgba(0,0,0,0.8),
rgba(0,0,0,0.8) 2px, rgba(0,0,0,0.8) 2px,
transparent 2px, transparent 2px,
transparent 4px transparent 5px
); );
} }
td.current_select div.plate_cell_inner { td.current_select div.plate_cell_inner {
border: 4px solid black; border: 3px solid black;
} }