engineering/make_post_sell
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity Actions

Use 33vh instead of 480px for product-main max-height

Browse source 
Scales with viewport so square media takes up at most 1/3 of the
screen on any device.
This commit is contained in:
russell@unturf.com 2026-02-08 06:39:22 -05:00
parent b76c0e0115
commit efc7ee9284
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
make_post_sell/static/css/common.css
View file

@ -412,13 +412,13 @@ img.product-thumbnail {
}
.product-main {
max-height: 480px;
max-height: 33vh;
}
.product-images img.product-main,
div.product-images img.product-main {
max-width: 100%;
max-height: 480px;
max-height: 33vh;
width: auto;
height: auto;
}
@ -434,7 +434,7 @@ div.product-images img.product-main {
.video-thumbnail-container img.product-main {
display: block;
max-width: 100%;
max-height: 480px;
max-height: 33vh;
height: auto;
}
@ -1387,7 +1387,7 @@ textarea.markup-editor-textarea {
.product-images img.product-main {
max-width: 100%;
max-height: 480px;
max-height: 33vh;
width: auto;
height: auto;
}
@ -2591,7 +2591,7 @@ textarea {
.watch-video-container video.product-main {
max-width: 100%;
max-height: 480px;
max-height: 33vh;
width: 100%;
height: auto;
}