okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adjusted playlist css

Browse source
This commit is contained in:
booploops 2021-12-17 19:12:53 -08:00
parent 2abd1fa4f9
commit 1325ec0980
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
resources/cider-ui/style.less
View file

@ -1573,7 +1573,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
/* Album / Playlist Page */ /* Album / Playlist Page */
.playlist-page { .playlist-page {
--bgColor: transparent;
padding: 0px; padding: 0px;
background: linear-gradient(180deg, var(--bgColor) 32px, var(--bgColor) 59px, transparent 60px, transparent 100%);
top: 0;
padding-top: var(--navigationBarHeight);
.playlist-body { .playlist-body {
padding: var(--contentInnerPadding); padding: var(--contentInnerPadding);

6
resources/cider-ui/views/pages/cider-playlist.ejs
View file

@ -1,6 +1,6 @@
<script type="text/x-template" id="cider-playlist"> <script type="text/x-template" id="cider-playlist">
<div class="content-inner playlist-page">
<template v-if="data != [] && data.attributes != null"> <template v-if="data != [] && data.attributes != null">
<div class="content-inner playlist-page" :style="{'--bgColor': (data.attributes.artwork != null && data.attributes.artwork['bgColor'] != null) ? ('#' + data.attributes.artwork.bgColor) : ''}">
<div class="playlist-display row" <div class="playlist-display row"
:style="{ :style="{
background: (data.attributes.artwork != null && data.attributes.artwork['bgColor'] != null) ? ('#' + data.attributes.artwork.bgColor) : '', background: (data.attributes.artwork != null && data.attributes.artwork['bgColor'] != null) ? ('#' + data.attributes.artwork.bgColor) : '',
@ -66,9 +66,9 @@
</div> </div>
<div class="playlist-time">{{app.getTotalTime()}}</div> <div class="playlist-time">{{app.getTotalTime()}}</div>
</div> </div>
</template>
</div> </div>
</template>
</script> </script>
<script> <script>
Vue.component('cider-playlist', { Vue.component('cider-playlist', {