+2 -4

src/lib/NowPlaying.svelte

reviewed

··· 138 138 } 139 139 } 140 140 .media { 141 141 - background: #000; 141 141 + background: var(--bg); 142 142 } 143 143 img { 144 144 inline-size: 100%; 145 145 block-size: 100%; 146 146 - object-fit: cover; 147 147 - display: block; 148 146 } 149 147 .lyrics { 150 148 inline-size: 100%; ··· 153 151 font-size: 0.8rem; 154 152 white-space: pre-wrap; 155 153 overflow-y: auto; 156 156 - color: #fff; 154 154 + color: var(--text); 157 155 } 158 156 .title { 159 157 font-weight: bold;

+5 -12

src/lib/TreeItem.svelte

reviewed

··· 230 230 style="inline-size: {artSize}px; block-size: {artSize}px;" 231 231 /> 232 232 {#if type === "playlist" && isPublicState} 233 233 - <img alt="" class="badge br" src={icWorld} title={t("public")} /> 233 233 + <img alt="" class="badge" src={icWorld} title={t("public")} /> 234 234 {/if} 235 235 {#if (type === "album" || type === "artist") && isStarred} 236 236 - <img alt="" class="badge br" src={icHeart} title={t("favorite")} /> 236 236 + <img alt="" class="badge" src={icHeart} title={t("favorite")} /> 237 237 {/if} 238 238 </div> 239 239 {/if} ··· 386 386 } 387 387 .main { 388 388 flex: 1; 389 389 - overflow: hidden; 390 389 padding: 0rem; 391 390 gap: 0.5rem; 392 391 } ··· 428 427 } 429 428 .art-container { 430 429 position: relative; 431 431 - display: flex; 432 430 } 433 431 .badge { 434 432 position: absolute; 435 435 - inline-size: 16px; 436 436 - block-size: 16px; 437 437 - } 438 438 - .badge.br { 439 439 - inset-block-end: 0; 440 440 - inset-inline-end: 0; 433 433 + inset-block-end: -4px; 434 434 + inset-inline-end: -4px; 441 435 } 442 436 img { 443 437 display: block; 444 438 } 445 439 button { 446 446 - color: inherit; 447 447 - padding: 0rem; 440 440 + padding: 0; 448 441 } 449 442 :global(body.rounded-art) .art { 450 443 border-radius: 2px;