Merge branch 'main' of github.com:SamidyFR/monochrome

js/db.js

@@ -371,7 +371,7 @@ export class MusicDatabase {
             }
             const entry = { ...minifiedItem, pinnedAt: Date.now() };
             await this.performTransaction(storeName, 'readwrite', (store) => store.put(entry));
-            return true; 
+            return true;
         }
     }
 

js/ui.js

@@ -179,11 +179,15 @@ export class UIRenderer {
                 let iconHTML;
                 if (item.type === 'user-playlist' && !item.cover && item.images && item.images.length > 0) {
                     const images = item.images.slice(0, 4);
-                    const imgsHTML = images.map((src) => `<img src="${this.api.getCoverUrl(src)}" loading="lazy">`).join('');
+                    const imgsHTML = images
+                        .map((src) => `<img src="${this.api.getCoverUrl(src)}" loading="lazy">`)
+                        .join('');
                     iconHTML = `<div class="pinned-item-collage">${imgsHTML}</div>`;
                 } else {
                     const coverUrl =
-                        item.type === 'artist' ? this.api.getArtistPictureUrl(item.cover) : this.api.getCoverUrl(item.cover);
+                        item.type === 'artist'
+                            ? this.api.getArtistPictureUrl(item.cover)
+                            : this.api.getCoverUrl(item.cover);
                     const coverClass = item.type === 'artist' ? 'artist' : '';
                     iconHTML = `<img src="${coverUrl}" class="pinned-item-cover ${coverClass}" alt="${escapeHtml(item.name)}" loading="lazy" onerror="this.src='assets/logo.svg'">`;
                 }

styles.css

@@ -1416,7 +1416,6 @@ input[type='search']::-webkit-search-cancel-button {
 .track-item:hover {
     background-color: var(--secondary);
     transform: scale(1.005);
-
 }
 
 /* Add active state for click feedback */
@@ -6123,14 +6122,12 @@ textarea:focus {
 .sidebar-nav-bottom {
     flex: 0 0 auto;
     margin-top: auto;
-    padding: 1rem 0 0 0;
+    padding: 1rem 0 0;
     border-top: 1px solid var(--border);
     background: var(--background);
-
     position: relative;
 }
 
-
 .sidebar-nav-bottom::before {
     content: '';
     display: block;
@@ -6144,4 +6141,4 @@ textarea:focus {
 }
 
 #sidebar-nav-discord {
-}
+}