[Swap chart] Fix X-axis labels css (#836)

* swap chart fix x axis labels css * remove unused option
sora-xor · Oct 17, 2022 · 9604257 · 9604257
1 parent 6639bda
commit 9604257
Showing 1 changed file with 6 additions and 12 deletions.
diff --git a/src/components/Swap/Chart.vue b/src/components/Swap/Chart.vue
@@ -354,15 +354,6 @@ export default class SwapChart extends Mixins(
     return calcPriceChange(rangeClosePrice, rangeStartPrice);
   }
 
-  get timeFormat(): string {
-    switch (this.selectedFilter.type) {
-      case SUBQUERY_TYPES.AssetSnapshotTypes.DAY:
-        return 'll';
-      default:
-        return 'LT';
-    }
-  }
-
   get axisLabelCSS() {
     return {
       fontFamily: 'Sora',
@@ -437,7 +428,8 @@ export default class SwapChart extends Mixins(
             const date = dayjs(+value);
             const isNewDay = date.hour() === 0 && date.minute() === 0;
             const isNewMonth = date.date() === 1 && isNewDay;
-            const timeFormat = isNewMonth ? 'MMMM' : isNewDay ? 'D' : 'LT';
+            // TODO: "LT" formatted labels (hours) sometimes overlaps (AM\PM issue)
+            const timeFormat = isNewMonth ? 'MMMM' : isNewDay ? 'D' : 'HH:mm';
             const formatted = this.formatDate(+value, timeFormat);
 
             if (isNewMonth) {
@@ -451,10 +443,12 @@ export default class SwapChart extends Mixins(
           },
           rich: {
             monthStyle: {
-              fornWeight: 'bold',
+              fontSize: 10,
+              fontWeight: 'bold',
             },
             dateStyle: {
-              fornWeight: 'bold',
+              fontSize: 10,
+              fontWeight: 'bold',
             },
           },
           color: this.theme.color.base.content.secondary,