aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-10-22 10:12:49 -0700
committerAdam Soltys <[email protected]>2026-10-22 10:12:49 -0700
commitcc84dd0c6c852b46b309079a5a90a54080fc049c (patch)
treeaf524ce1d63d2d62b987cc456553c563391ebea5 /src/style.css
parent7947be155d4cc4f43dd89d743c5e09bfac4b635b (diff)
downloadcoinosv3-cc84dd0c6c852b46b309079a5a90a54080fc049c.tar.gz
coinosv3-cc84dd0c6c852b46b309079a5a90a54080fc049c.zip
Images grid in justified rows too: tiles in each picture's own shape (the tile thumbnail is no longer a square crop: 360px tall, its middle cut to 1:2–2:1; vmedia pic.webp?s=row for hosts without CORS; tile cache v2)
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css2
1 files changed, 1 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css
index 3dcbf17..61d6f01 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1546,7 +1546,7 @@ body::after {
height and fill the width; the filler takes the last row's slack instead
of stretching its few tiles. */
.media-grid.justified { display: flex; flex-wrap: wrap; --row-h: 140px; }
-.media-grid.justified .media-tile.video { aspect-ratio: var(--ar); flex: var(--ar) 1 calc(var(--ar) * var(--row-h)); min-width: 0; }
+.media-grid.justified .media-tile { aspect-ratio: var(--ar); flex: var(--ar) 1 calc(var(--ar) * var(--row-h)); min-width: 0; }
.media-grid.justified::after { content: ''; flex: 1000 1 0; }
@media (max-width: 600px) { .media-grid.justified { --row-h: 100px; } }
.media-tile img, .media-tile video { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }