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 {
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-evenly;
align-items: center;
border: 2px solid $color-dark;
@ -15,8 +15,4 @@ div.plate_container {
margin-bottom: 1%;
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;
height: 90%;
border-radius: 50%;
border: 2px solid black;
border: 1px solid black;
}
td.plate_cell:hover div.plate_cell_inner {
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) 2px,
transparent 2px,
transparent 4px
transparent 5px
);
}
td.current_select div.plate_cell_inner {
border: 4px solid black;
border: 3px solid black;
}