diff --git a/src/renderer/index.js b/src/renderer/index.js index 1bec5f04..32b226fa 100644 --- a/src/renderer/index.js +++ b/src/renderer/index.js @@ -2354,7 +2354,9 @@ const app = new Vue({ let extendedAssets = await app.mk.api.song(songID, {extend : 'extendedAssetUrls'}) if (extendedAssets.attributes.audioTraits.includes('lossless')) { app.mk.nowPlayingItem['attributes']['lossless'] = true - CiderAudio.audioNodes.llpwEnabled = 1} + CiderAudio.audioNodes.llpwEnabled = 1 + console.log("[Cider][Lossless] Audio being decrypted...") + } else { CiderAudio.audioNodes.llpwEnabled = 0 } diff --git a/src/renderer/style.less b/src/renderer/style.less index e58dd433..14d76ebb 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -1148,10 +1148,20 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl .explicit-icon { background-image: url("./assets/explicit.svg"); height: 9px; + width: 13px; + filter: contrast(0); + background-repeat: no-repeat; + margin-left: 3px; + } + + .lossless-icon { + background-image: url("http://localhost:9000/assets/lossless.svg"); + height: 9px; width: 36px; filter: contrast(0); background-repeat: no-repeat; margin-left: 3px; + background-size: contain; } } diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs index 751ff3f0..ce4a261d 100644 --- a/src/renderer/views/app/chrome-top.ejs +++ b/src/renderer/views/app/chrome-top.ejs @@ -52,11 +52,14 @@
+ :style="[mk.nowPlayingItem['attributes']['contentRating'] == 'explicit' || mk.nowPlayingItem['attributes']['lossless'] == true ? {'margin-left' : '23px'} : {'margin-left' : '0px'} ]"> {{ mk.nowPlayingItem["attributes"]["name"] }}
+