tweaking ui, colours

This commit is contained in:
andy 2022-06-23 19:44:38 +01:00
parent 58f27a4181
commit 66b51a2647
3 changed files with 5 additions and 5 deletions

View File

@ -31,7 +31,7 @@
<play-count-chart-card-comb :data_points="combinedData" <play-count-chart-card-comb :data_points="combinedData"
:chart_id="'combined'" :chart_id="'combined'"
:earliest_date="earliestDate" :earliest_date="earliestDate"
v-if="showArtistChart"></play-count-chart-card-comb> v-if="showAlbumChart"></play-count-chart-card-comb>
<play-count-chart-card :data_points="playCount.trackCountData" <play-count-chart-card :data_points="playCount.trackCountData"
:title="trackGraphTitle" :title="trackGraphTitle"
:chart_id="'track'" :chart_id="'track'"

View File

@ -40,17 +40,17 @@ export let PlayCountCard: Vue.Component = {
` `
<div class="card info-card"> <div class="card info-card">
<h5 v-if="count.track != null && count.track != undefined" > <h5 v-if="count.track != null && count.track != undefined" >
<a :href="TrackLink" class="subtle-link"> <a :href="TrackLink" class="subtle-link" style="color: #7a99c2">
Track: {{ count.track.toLocaleString() }} <small v-if="TrackPercent >= 0.01">({{ this.TrackPercentStr }}%)</small> Track: {{ count.track.toLocaleString() }} <small v-if="TrackPercent >= 0.01">({{ this.TrackPercentStr }}%)</small>
</a> </a>
</h5> </h5>
<h5 v-if="count.album != null && count.album != undefined" > <h5 v-if="count.album != null && count.album != undefined" >
<a :href="AlbumLink" class="subtle-link"> <a :href="AlbumLink" class="subtle-link" style="color: #a34c77">
Album: {{ count.album.toLocaleString() }} <small v-if="AlbumPercent >= 0.01">({{ this.AlbumPercentStr }}%)</small> Album: {{ count.album.toLocaleString() }} <small v-if="AlbumPercent >= 0.01">({{ this.AlbumPercentStr }}%)</small>
</a> </a>
</h5> </h5>
<h5 v-if="count.artist != null && count.artist != undefined" > <h5 v-if="count.artist != null && count.artist != undefined" >
<a :href="ArtistLink" class="subtle-link"> <a :href="ArtistLink" class="subtle-link" style="color: #598556">
Artist: {{ count.artist.toLocaleString() }} <small v-if="ArtistPercent >= 0.1">({{ this.ArtistPercentStr }}%)</small> Artist: {{ count.artist.toLocaleString() }} <small v-if="ArtistPercent >= 0.1">({{ this.ArtistPercentStr }}%)</small>
</a> </a>
</h5> </h5>

View File

@ -103,7 +103,7 @@ export let AudioFeatureChartCard: Vue.Component = {
elements: { elements: {
line: { line: {
borderWidth: 4, borderWidth: 4,
borderColor: "#a34c77", borderColor: "#7a99c2",
backgroundColor: "#727272", backgroundColor: "#727272",
borderCapStyle: "round", borderCapStyle: "round",
borderJoinStyle: "round" borderJoinStyle: "round"