ben/ben.wiegand.pw
1
0
Fork 0
Code Issues Pull Requests Activity

fix images not shrinking on mobile

Browse Source
This commit is contained in:
Benjamin Wiegand 2024-09-08 14:19:05 -07:00
parent bd1e958207
commit 5254596ce5
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
www/img/ilo-fan-and-cpu-info-thumb.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

15
www/style.css
View File

@ -192,25 +192,28 @@ h3 {
align-items: center;
justify-content: center;
width: 444px;
height: 253.125px;
max-width: 100%;
vertical-align: middle;
max-width: calc(min(450px,calc(100vw - 100px)));
max-height: 253.125px;
overflow: hidden;
margin: 3px;
cursor: pointer;
}
.double-screenshot .thumbnail img {
min-width: 450px;
min-height: 253.125px;
min-width: calc(min(450px,calc(100vw - 100px)));
min-height: calc(min(450px,calc(100vw - 100px)) * 0.5625);
}
.double-screenshot .no-crop img {
min-width: auto;
max-width: 450px;
max-width: calc(min(450px,calc(100vw - 100px)));
min-height: auto;
max-height: 253.125px;
}
.project-image {
max-width: 100%;
}
.project-image input {
display: none;
}