chore(client): Design tweaks
This commit is contained in:
		
							parent
							
								
									4eb2ddac4e
								
							
						
					
					
						commit
						7cde8cfbf2
					
				
					 1 changed files with 14 additions and 8 deletions
				
			
		|  | @ -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…
	
	Add table
		Add a link
		
	
		Reference in a new issue