fixed bug with charts not showing + better mobile support

2021-10-21 00:26:21 +02:00
parent 4ab75c4ac1
commit 24060387e0
4 changed files with 136 additions and 47 deletions
--- a/src/components/FlashChart.vue
+++ b/src/components/FlashChart.vue
@@ -32,8 +32,8 @@ export default {
    const toggle = ref('duration')
    let myChart1, myChart2
    const color = ['#bb792c', '#9bd270', '#eac42a']
-    const width = ref(600)
-    const height = ref(400)
+    const width = ref(window.innerWidth <= 600 ? window.innerWidth : 600)
+    const height = ref(width.value * 2 / 3)

    const toggleShow = () => {
      const offBtn = document.getElementById('toggle-off')
@@ -165,7 +165,6 @@ export default {
      }
    }

-
    return {toggleShow, toggle}
  }
 }