a simple web player for subsonic tinysub.devins.page
subsonic navidrome javascript
11
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: add fixed size wrapper for library imgs

intergrav 9fbda00e 3c71d6a4

+17 -3
+12 -2
src/css/components.css
··· 120 120 opacity: 0.5; 121 121 } 122 122 123 - #sidebar #library .tree-toggle img, 124 - #sidebar #library .tree-name img { 123 + #sidebar #library .tree-cover { 125 124 width: var(--art-artist); 126 125 height: var(--art-artist); 126 + flex-shrink: 0; 127 + } 128 + 129 + #sidebar #library .tree-cover img { 130 + width: 100%; 131 + height: 100%; 127 132 aspect-ratio: 1 / 1; 128 133 object-fit: cover; 129 134 } 130 135 131 136 #sidebar #library ul.nested > li .tree-toggle img, 132 137 #sidebar #library ul.nested > li .tree-name img { 138 + width: var(--art-album); 139 + height: var(--art-album); 140 + } 141 + 142 + #sidebar #library ul.nested > li .tree-cover { 133 143 width: var(--art-album); 134 144 height: var(--art-album); 135 145 }
+5 -1
src/js/library.js
··· 35 35 }, 36 36 }); 37 37 loadCachedImage(imgEl, coverArtId, artType); 38 - linkChildren.push(imgEl); 38 + const wrapper = createElement("div", { 39 + className: "tree-cover", 40 + children: [imgEl], 41 + }); 42 + linkChildren.push(wrapper); 39 43 } 40 44 linkChildren.push(createElement("span", { textContent: name })); 41 45