diff --git a/resources/cider-ui-tests/index.js b/resources/cider-ui-tests/index.js index aff8f909..5f5b9f15 100644 --- a/resources/cider-ui-tests/index.js +++ b/resources/cider-ui-tests/index.js @@ -120,7 +120,7 @@ const app = new Vue({ this.mk = MusicKit.getInstance() this.mk.authorize() this.$forceUpdate() - + this.mk.privateEnabled = true // Set profile name this.chrome.userinfo = await this.mkapi("personalSocialProfile", false, "") diff --git a/resources/cider-ui-tests/style.css b/resources/cider-ui-tests/style.css index b511fa46..6b5ab71b 100644 --- a/resources/cider-ui-tests/style.css +++ b/resources/cider-ui-tests/style.css @@ -6,6 +6,7 @@ --mediaItemShadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%); --mediaItemRadius: 4px; --mediaItemRadiusRound: 100%; + --navbarHeight: 48px; --keyColor: #fa586a; --keyColor-rgb: 250, 88, 106; --keyColor-rollover: #ff8a9c; @@ -184,6 +185,17 @@ input[type=range].web-slider::-webkit-slider-runnable-track { flex: 0 0 auto; } +#app-navbar { + height: 40px; + width: 100%; + background: rgb(30 30 30 / 85%); + position: sticky; + top: 0px; + left: 0; + z-index: 2; + backdrop-filter: blur(16px) saturate(180%); +} + #app-content { background-color: var(--color2); height: 100%;