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

Support compact artist header (optional)

Browse source
This commit is contained in:
Pedro Galhardo 2022-07-25 00:17:58 +01:00
parent a155bacf6d
commit 497ea0f645
No known key found for this signature in database
GPG key ID: 4740524CD85770A9
3 changed files with 24 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/renderer/less/pages.less
View file

@ -1233,6 +1233,10 @@
min-height: 80vh; min-height: 80vh;
} }
&.animated .artist-header-compact {
min-height: 40vh;
}
.artist-header { .artist-header {
//background: linear-gradient(45deg, var(--keyColor), #0e0e0e); //background: linear-gradient(45deg, var(--keyColor), #0e0e0e);
color: white; color: white;

8
src/renderer/views/components/settings-window.ejs
View file

@ -547,6 +547,14 @@
:disabled="app.cfg.visual.customAccentColor" switch/> :disabled="app.cfg.visual.customAccentColor" switch/>
</div> </div>
</div> </div>
<div class="md-option-line">
<div class="md-option-segment">
{{$root.getLz('settings.option.visual.compactArtistHeader')}}
</div>
<div class="md-option-segment_auto">
<input type="checkbox" v-model="app.cfg.visual.compactArtistHeader" switch/>
</div>
</div>
<div class="md-option-line"> <div class="md-option-line">
<div class="md-option-segment"> <div class="md-option-segment">
{{$root.getLz('settings.option.visual.hardwareAcceleration')}}<br> {{$root.getLz('settings.option.visual.hardwareAcceleration')}}<br>

2
src/renderer/views/pages/artist.ejs
View file

@ -1,7 +1,7 @@
<script type="text/x-template" id="cider-artist"> <script type="text/x-template" id="cider-artist">
<div class="content-inner artist-page" <div class="content-inner artist-page"
:class="[(data.attributes.editorialVideo && (data.attributes.editorialVideo.motionArtistWide16x9 || data.attributes.editorialVideo.motionArtistFullscreen16x9) || hasHero()) ? 'animated' : '']"> :class="[(data.attributes.editorialVideo && (data.attributes.editorialVideo.motionArtistWide16x9 || data.attributes.editorialVideo.motionArtistFullscreen16x9) || hasHero()) ? 'animated' : '']">
<div class="artist-header" :key="data.id" v-observe-visibility="{callback: isHeaderVisible}"> <div :class="['artist-header', { 'artist-header-compact': app.cfg.visual.compactArtistHeader }]" :key="data.id" v-observe-visibility="{callback: isHeaderVisible}">
<animatedartwork-view <animatedartwork-view
:priority="true" :priority="true"
v-if="hasAnimated()" v-if="hasAnimated()"