diff --git a/src/views/dashboard/graphs/components/ColumnGraph.vue b/src/views/dashboard/graphs/components/ColumnGraph.vue index 7801f6e4..c5086e55 100644 --- a/src/views/dashboard/graphs/components/ColumnGraph.vue +++ b/src/views/dashboard/graphs/components/ColumnGraph.vue @@ -155,7 +155,7 @@ function getLabel(metric: string, index: string) { .value { display: inline-block; - width: calc(100% - 30px); + flex-grow: 2; height: 100%; } diff --git a/src/views/dashboard/related/ebpf/Content.vue b/src/views/dashboard/related/ebpf/Content.vue index 019a20c4..f308004e 100644 --- a/src/views/dashboard/related/ebpf/Content.vue +++ b/src/views/dashboard/related/ebpf/Content.vue @@ -38,7 +38,7 @@ import EBPFStack from "./components/EBPFStack.vue"; .vis-graph { height: 100%; - width: calc(100% - 300px); + flex-grow: 2; min-width: 700px; overflow: auto; } diff --git a/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue b/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue index 191b0097..7609aba8 100644 --- a/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue +++ b/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue @@ -252,13 +252,6 @@ watch( min-width: 560px; } -.schedules { - width: calc(100% - 5px); - margin: 0 5px 5px 0; - height: calc(100% - 60px); - min-height: 150px; -} - .inputs { width: 350px; } diff --git a/src/views/dashboard/related/profile/Content.vue b/src/views/dashboard/related/profile/Content.vue index de5cc6ce..c5260ba7 100644 --- a/src/views/dashboard/related/profile/Content.vue +++ b/src/views/dashboard/related/profile/Content.vue @@ -56,7 +56,7 @@ function loadTrees(l: boolean) { .item { height: 100%; - width: calc(100% - 300px); + flex-grow: 2; overflow: auto; }