a simple web player for subsonic
tinysub.devins.page
subsonic
navidrome
javascript
fix: add fixed size wrapper for library imgs
+17
-3
+12
-2
src/css/components.css
+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
+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