Add proper wiki images for portraits

This commit is contained in:
Cametendo
2026-08-15 01:58:40 +02:00
parent c645ee09d2
commit 29a2243690
6 changed files with 140 additions and 2 deletions

View File

@@ -786,3 +786,35 @@ p { margin: 0 0 1em; color: var(--text-muted); }
.fruit-detail-header { padding: 1.25rem; }
.filter-meta { margin-left: 0; width: 100%; }
}
/* ---------- Proper wiki images ---------- */
.proper-image {
position: relative;
display: block;
width: 100%;
height: 100%;
background: #0b1220;
}
.proper-image__fallback,
.proper-image__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.proper-image__img {
object-fit: cover;
object-position: top center;
z-index: 1;
}
.proper-image--fruit .proper-image__img {
object-fit: contain;
object-position: center;
padding: 8%;
background: radial-gradient(circle at 50% 45%, rgba(255,255,255,0.08), #0b1220 70%);
}
.proper-image.is-loaded .proper-image__fallback { opacity: 0; }