diff --git a/src/client/app/desktop/views/pages/deck/deck.hashtag-column.vue b/src/client/app/desktop/views/pages/deck/deck.hashtag-column.vue index 488d03c141..6006146164 100644 --- a/src/client/app/desktop/views/pages/deck/deck.hashtag-column.vue +++ b/src/client/app/desktop/views/pages/deck/deck.hashtag-column.vue @@ -63,11 +63,20 @@ export default Vue.extend({ const chart = new ApexCharts(this.$refs.chart, { chart: { type: 'area', - height: 60, + height: 70, sparkline: { enabled: true }, }, + grid: { + clipMarkers: false, + padding: { + top: 16, + right: 16, + bottom: 16, + left: 16 + } + }, stroke: { curve: 'straight', width: 2 @@ -93,7 +102,6 @@ export default Vue.extend({ background var(--deckColumnBg) > .chart - padding 16px margin-bottom 16px background var(--face) diff --git a/src/client/app/desktop/views/pages/deck/deck.user-column.vue b/src/client/app/desktop/views/pages/deck/deck.user-column.vue index d488ea0517..dd62fe714b 100644 --- a/src/client/app/desktop/views/pages/deck/deck.user-column.vue +++ b/src/client/app/desktop/views/pages/deck/deck.user-column.vue @@ -166,11 +166,26 @@ export default Vue.extend({ chart: { type: 'bar', stacked: true, - height: 60, + height: 100, sparkline: { enabled: true }, }, + plotOptions: { + bar: { + columnWidth: '90%', + endingShape: 'rounded' + } + }, + grid: { + clipMarkers: false, + padding: { + top: 16, + right: 16, + bottom: 16, + left: 16 + } + }, tooltip: { shared: true, intersect: false @@ -186,7 +201,11 @@ export default Vue.extend({ data: renote }], xaxis: { - type: 'datetime' + type: 'datetime', + crosshairs: { + width: 1, + opacity: 1 + } } }); @@ -375,7 +394,6 @@ export default Vue.extend({ border-radius 4px > .activity - padding 16px margin-bottom 16px background var(--face)