diff --git a/mateclaw-ui/src/views/CronJobs.vue b/mateclaw-ui/src/views/CronJobs.vue index 11992a18..7c910dfd 100644 --- a/mateclaw-ui/src/views/CronJobs.vue +++ b/mateclaw-ui/src/views/CronJobs.vue @@ -18,6 +18,15 @@
+ + + + + + + + + diff --git a/mateclaw-ui/src/views/Dashboard.vue b/mateclaw-ui/src/views/Dashboard.vue index 7f1b555c..600b4c0b 100644 --- a/mateclaw-ui/src/views/Dashboard.vue +++ b/mateclaw-ui/src/views/Dashboard.vue @@ -144,7 +144,7 @@ import { CanvasRenderer } from 'echarts/renderers' echarts.use([LineChart, GridComponent, TooltipComponent, LegendComponent, CanvasRenderer]) -const { t } = useI18n() +const { t, locale } = useI18n() const overview = ref>({}) const recentRuns = ref([]) @@ -258,6 +258,10 @@ function renderChart() { ro.observe(chartRef.value!) } +watch(locale, () => { + if (trendData.value.length) renderChart() +}) + function formatTokens(n: number): string { if (!n) return '0' if (n >= 1_000_000) return (n / 1_000_000).toFixed(1) + 'M' @@ -438,4 +442,10 @@ function calcDuration(run: any): string { .stats-grid { grid-template-columns: repeat(2, 1fr); } .comparison-grid { grid-template-columns: 1fr; } } + +@media (max-width: 480px) { + .stats-grid { grid-template-columns: 1fr; } + .stat-card { min-width: 0; } + .stat-value { font-size: 28px; } +}
{{ t('cronJobs.columns.name') }}