From e5e3de5700969407a92808c90c859ac442e747c3 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Tue, 25 Aug 2020 19:45:35 +0200
Subject: [PATCH] Fix vue dynamic layout

---
 src/components/charts/CumProfitChart.vue | 7 ++++++-
 src/views/Dashboard.vue                  | 1 +
 src/views/Trading.vue                    | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index e744bd21..8cbc2ba8 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -126,4 +126,9 @@ export default class CumProfitChart extends Vue {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.echarts {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index b9f2a70c..e1a143f3 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -3,6 +3,7 @@
     class="h-100 w-100"
     :row-height="50"
     :layout="gridLayout"
+    :vertical-compact="false"
     @layout-updated="layoutUpdatedEvent"
   >
     <GridItem
diff --git a/src/views/Trading.vue b/src/views/Trading.vue
index 3089f0b1..f143d6be 100644
--- a/src/views/Trading.vue
+++ b/src/views/Trading.vue
@@ -3,6 +3,7 @@
     class="h-100 w-100"
     :row-height="50"
     :layout="gridLayout"
+    :vertical-compact="false"
     @layout-updated="layoutUpdatedEvent"
   >
     <GridItem