diff --git a/dashboard/src/components/charts/LineChart.vue b/dashboard/src/components/charts/LineChart.vue index a7970f567a..1450cee87b 100644 --- a/dashboard/src/components/charts/LineChart.vue +++ b/dashboard/src/components/charts/LineChart.vue @@ -121,7 +121,7 @@ const initOptions = { const options = ref({ grid: { top: 20, - left: 40, + left: 50, right: 20, bottom: data.value.datasets.length > 1 ? 60 : 30 // if there's legend show more space for it }, diff --git a/dashboard/src2/components/SiteOverview.vue b/dashboard/src2/components/SiteOverview.vue index 3d511ee84a..3ce10d52fa 100644 --- a/dashboard/src2/components/SiteOverview.vue +++ b/dashboard/src2/components/SiteOverview.vue @@ -19,7 +19,21 @@ + + + { + if (a.name === 'idle') return 1; + if (b.name === 'idle') return -1; + return 0; + }); + return this.transformMultiLineChartData(cpu, 'cpu', true); }, memoryData() { diff --git a/dashboard/src2/pages/NewSite.vue b/dashboard/src2/pages/NewSite.vue index 8833275ab1..e8df774fb8 100644 --- a/dashboard/src2/pages/NewSite.vue +++ b/dashboard/src2/pages/NewSite.vue @@ -87,9 +87,19 @@ " > {{ v.name }} - - {{ v.status }} - +
+ + + + + {{ v.status }} + +
@@ -266,6 +276,7 @@ import NewSiteAppSelector from '../components/site/NewSiteAppSelector.vue'; import Summary from '../components/Summary.vue'; import { DashboardError } from '../utils/error'; import { getCountry } from '../utils/country'; +import AlertBanner from '../components/AlertBanner.vue'; export default { name: 'NewSite', @@ -276,6 +287,7 @@ export default { SitePlansCards, Autocomplete, ErrorMessage, + AlertBanner, FormControl, FeatherIcon, TextInput, diff --git a/dashboard/src2/pages/ReleaseGroupBenchSites.vue b/dashboard/src2/pages/ReleaseGroupBenchSites.vue index 2cb2b02ab2..1eb1908673 100644 --- a/dashboard/src2/pages/ReleaseGroupBenchSites.vue +++ b/dashboard/src2/pages/ReleaseGroupBenchSites.vue @@ -1,5 +1,19 @@