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; align-items: center;
justify-content: center; justify-content: center;
width: 444px; width: 444px;
height: 253.125px; max-width: calc(min(450px,calc(100vw - 100px)));
max-width: 100%; max-height: 253.125px;
vertical-align: middle;
overflow: hidden; overflow: hidden;
margin: 3px; margin: 3px;
cursor: pointer; cursor: pointer;
} }
.double-screenshot .thumbnail img { .double-screenshot .thumbnail img {
min-width: 450px; min-width: calc(min(450px,calc(100vw - 100px)));
min-height: 253.125px; min-height: calc(min(450px,calc(100vw - 100px)) * 0.5625);
} }
.double-screenshot .no-crop img { .double-screenshot .no-crop img {
min-width: auto; min-width: auto;
max-width: 450px; max-width: calc(min(450px,calc(100vw - 100px)));
min-height: auto; min-height: auto;
max-height: 253.125px; max-height: 253.125px;
} }
.project-image {
max-width: 100%;
}
.project-image input { .project-image input {
display: none; display: none;
} }