chore(client): Design tweaks
This commit is contained in:
parent
4eb2ddac4e
commit
7cde8cfbf2
|
@ -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))
|
||||||
}]
|
}]
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue