Feed: use 250px cover art size
This commit is contained in:
@@ -16,12 +16,12 @@
|
|||||||
style="display:flex;text-decoration:none;transition:box-shadow 0.15s"
|
style="display:flex;text-decoration:none;transition:box-shadow 0.15s"
|
||||||
onmouseover="this.style.boxShadow='0 3px 12px rgba(0,0,0,0.12)'"
|
onmouseover="this.style.boxShadow='0 3px 12px rgba(0,0,0,0.12)'"
|
||||||
onmouseout="this.style.boxShadow=''">
|
onmouseout="this.style.boxShadow=''">
|
||||||
<div style="width:140px;height:140px;flex-shrink:0;overflow:hidden;background:var(--b2)">
|
<div style="width:250px;height:250px;flex-shrink:0;overflow:hidden;background:var(--b2)">
|
||||||
<img src="https://coverartarchive.org/release-group/{entry.mbid}/front-250"
|
<img src="https://coverartarchive.org/release-group/{entry.mbid}/front-250"
|
||||||
alt="Cover for {entry.title}"
|
alt="Cover for {entry.title}"
|
||||||
style="width:100%;height:100%;object-fit:cover;display:block"
|
style="width:100%;height:100%;object-fit:cover;display:block"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
onerror="this.parentElement.innerHTML='<div style=\'display:flex;align-items:center;justify-content:center;width:140px;height:140px;color:var(--bc);opacity:0.1\'><svg width=\'48\' height=\'48\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'currentColor\' stroke-width=\'1.5\'><circle cx=\'6\' cy=\'18\' r=\'3\'/><circle cx=\'18\' cy=\'16\' r=\'3\'/><path d=\'M9 18V5l12-2v13\'/><path d=\'M9 9l12-2\'/></svg></div>'">
|
onerror="this.parentElement.innerHTML='<div style=\'display:flex;align-items:center;justify-content:center;width:250px;height:250px;color:var(--bc);opacity:0.1\'><svg width=\'64\' height=\'64\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'currentColor\' stroke-width=\'1.5\'><circle cx=\'6\' cy=\'18\' r=\'3\'/><circle cx=\'18\' cy=\'16\' r=\'3\'/><path d=\'M9 18V5l12-2v13\'/><path d=\'M9 9l12-2\'/></svg></div>'">
|
||||||
</div>
|
</div>
|
||||||
<div style="padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column;justify-content:center;gap:0.3rem;min-width:0">
|
<div style="padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column;justify-content:center;gap:0.3rem;min-width:0">
|
||||||
<div style="font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--p);opacity:0.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{entry.artistName}</div>
|
<div style="font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--p);opacity:0.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{entry.artistName}</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user