chore(client): Design tweaks

This commit is contained in:
syuilo 2020-08-10 11:51:43 +09:00
parent 4eb2ddac4e
commit 7cde8cfbf2
1 changed files with 14 additions and 8 deletions

View File

@ -288,6 +288,7 @@ export default Vue.extend({
borderColor: x.color, borderColor: x.color,
borderDash: x.borderDash || [], borderDash: x.borderDash || [],
backgroundColor: alpha(x.color, 0.1), backgroundColor: alpha(x.color, 0.1),
fill: !!x.fill,
hidden: !!x.hidden hidden: !!x.hidden
})) }))
}, },
@ -379,6 +380,7 @@ export default Vue.extend({
type: 'line', type: 'line',
color: '#008FFB', color: '#008FFB',
borderDash: [5, 5], borderDash: [5, 5],
fill: false,
data: this.format(type == 'combined' data: this.format(type == 'combined'
? sum(this.stats.notes.local.inc, negate(this.stats.notes.local.dec), this.stats.notes.remote.inc, negate(this.stats.notes.remote.dec)) ? sum(this.stats.notes.local.inc, negate(this.stats.notes.local.dec), this.stats.notes.remote.inc, negate(this.stats.notes.remote.dec))
: sum(this.stats.notes[type].inc, negate(this.stats.notes[type].dec)) : sum(this.stats.notes[type].inc, negate(this.stats.notes[type].dec))
@ -495,7 +497,9 @@ export default Vue.extend({
series: [{ series: [{
name: 'All', name: 'All',
type: 'line', type: 'line',
color: '#008FFB', color: '#09d8e2',
borderDash: [5, 5],
fill: false,
data: this.format( data: this.format(
sum( sum(
this.stats.drive.local.incSize, this.stats.drive.local.incSize,
@ -512,17 +516,17 @@ export default Vue.extend({
}, { }, {
name: 'Local -', name: 'Local -',
type: 'area', type: 'area',
color: '#008FFB', color: '#FF4560',
data: this.format(negate(this.stats.drive.local.decSize)) data: this.format(negate(this.stats.drive.local.decSize))
}, { }, {
name: 'Remote +', name: 'Remote +',
type: 'area', type: 'area',
color: '#008FFB', color: '#00E396',
data: this.format(this.stats.drive.remote.incSize) data: this.format(this.stats.drive.remote.incSize)
}, { }, {
name: 'Remote -', name: 'Remote -',
type: 'area', type: 'area',
color: '#008FFB', color: '#FEB019',
data: this.format(negate(this.stats.drive.remote.decSize)) data: this.format(negate(this.stats.drive.remote.decSize))
}] }]
}; };
@ -557,7 +561,9 @@ export default Vue.extend({
series: [{ series: [{
name: 'All', name: 'All',
type: 'line', type: 'line',
color: '#008FFB', color: '#09d8e2',
borderDash: [5, 5],
fill: false,
data: this.format( data: this.format(
sum( sum(
this.stats.drive.local.incCount, this.stats.drive.local.incCount,
@ -574,17 +580,17 @@ export default Vue.extend({
}, { }, {
name: 'Local -', name: 'Local -',
type: 'area', type: 'area',
color: '#008FFB', color: '#FF4560',
data: this.format(negate(this.stats.drive.local.decCount)) data: this.format(negate(this.stats.drive.local.decCount))
}, { }, {
name: 'Remote +', name: 'Remote +',
type: 'area', type: 'area',
color: '#008FFB', color: '#00E396',
data: this.format(this.stats.drive.remote.incCount) data: this.format(this.stats.drive.remote.incCount)
}, { }, {
name: 'Remote -', name: 'Remote -',
type: 'area', type: 'area',
color: '#008FFB', color: '#FEB019',
data: this.format(negate(this.stats.drive.remote.decCount)) data: this.format(negate(this.stats.drive.remote.decCount))
}] }]
}; };