tweaking ui, colours
This commit is contained in:
parent
58f27a4181
commit
66b51a2647
@ -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'"
|
||||||
|
@ -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>
|
||||||
|
@ -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"
|
||||||
|
Loading…
Reference in New Issue
Block a user