bluesaxman/librePECS
1
0
Fork 0
mirror of https://forge.murkfall.net/bluesaxman/librePECS.git synced 2026-03-13 10:14:20 -06:00
Code Issues Packages Projects Releases Wiki Activity

added and updated stylesheets

Browse Source
This commit is contained in:
bluesaxman
2025-08-18 11:25:22 -06:00
parent d76a0fd6eb
commit 167cefea3f
1 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
main.css
View File

@@ -22,19 +22,27 @@ body {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr;
justify-items: center;
grid-gap: 5%; grid-gap: 5%;
padding: 5%; padding: 5%;
} }
.pecSlot { .libSlot, .pecSlot {
border: solid 3px #666; border: solid 3px #666;
border-radius: 6px; border-radius: 6px;
user-select: none; user-select: none;
position: relative;
}
.pecSlot {
--square-pec-size: calc( min( min( 100vh, 100vw ), hypot( 100vh, 100vw ) ) * 0.15);
height: var(--square-pec-size);
width: var(--square-pec-size);
} }
.empty { .empty {
color: #666; color: #666;
font-size: 300%; font-size: 100%;
text-align: center; text-align: center;
} }
@@ -87,4 +95,24 @@ body {
.pec { .pec {
text-align: center; text-align: center;
height: 100%;
width: 100%;
}
.pecImage {
height: 100%;
width: 100%;
object-fit: contain;
position: absolute;
top: 0;
left: 0;
}
.pecName {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
text-align: center;
background: rgba(255,255,255,0.3);
} }