own mm-card template (Shikimori pattern); drop lazy + fixed img height so posters render
This commit is contained in:
1 parent
9ecf92d79a
commit
f12c8d30bb
1 file changed
+2
-2
@@ -53,7 +53,7 @@
|
||||
Lampa.Template.add('mymovies-card',
|
||||
'<div class="mm-card selector">' +
|
||||
'<div class="mm-card__view">' +
|
||||
'<img src="{img}" class="mm-card__img" loading="lazy" />' +
|
||||
'<img src="{img}" class="mm-card__img" />' +
|
||||
'</div>' +
|
||||
'<div class="mm-card__title">{title}</div>' +
|
||||
'<div class="mm-card__age">{year}</div>' +
|
||||
@@ -66,7 +66,7 @@
|
||||
'.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.4em}' +
|
||||
'.mm-card{background:#1c1f26;border-radius:6px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .15s}' +
|
||||
'.mm-card.focus,.mm-card.hover{transform:scale(1.05)}' +
|
||||
'.mm-card__view{width:100%;aspect-ratio:2/3;overflow:hidden;background:#2a2e38}' +
|
||||
'.mm-card__view{width:100%;height:255px;overflow:hidden;background:#2a2e38}' +
|
||||
'.mm-card__img{width:100%;height:100%;object-fit:cover;display:block}' +
|
||||
'.mm-card__title{padding:.6em .7em .2em;font-size:1em;line-height:1.2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}' +
|
||||
'.mm-card__age{padding:0 .7em .6em;font-size:.85em;opacity:.6}' +
|
||||
|
||||
Reference in new issue
Block a user