diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue index 5610f19..2b32006 100644 --- a/src/components/VinlottisPage.vue +++ b/src/components/VinlottisPage.vue @@ -99,7 +99,7 @@ h1 { justify-content: center; align-items: center; width: 100vw; - height: 50vh; + padding: 50px 0; } .wine-and-highscore-container { diff --git a/src/ui/PurchaseGraph.vue b/src/ui/PurchaseGraph.vue index fccef9e..7b5d4e0 100644 --- a/src/ui/PurchaseGraph.vue +++ b/src/ui/PurchaseGraph.vue @@ -18,25 +18,25 @@ export default { let blue = { label: "Blå", borderColor: "#57d2fb", - backgroundColor: "#d4f2fe10", + backgroundColor: "#d4f2fe", data: [] }; let yellow = { label: "Gul", borderColor: "#ffde5d", - backgroundColor: "#fff6d610", + backgroundColor: "#fff6d6", data: [] }; let red = { label: "Rød", borderColor: "#ef5878", - backgroundColor: "#fbd7de10", + backgroundColor: "#fbd7de", data: [] }; let green = { label: "Grønn", borderColor: "#10e783", - backgroundColor: "#c8f9df10", + backgroundColor: "#c8f9df", data: [] }; diff --git a/src/ui/WinGraph.vue b/src/ui/WinGraph.vue index b98522f..f68ded0 100644 --- a/src/ui/WinGraph.vue +++ b/src/ui/WinGraph.vue @@ -16,25 +16,25 @@ export default { let blue = { label: "Blå", borderColor: "#57d2fb", - backgroundColor: "#d4f2fe10", + backgroundColor: "#d4f2fe", data: [] }; let yellow = { label: "Gul", borderColor: "#ffde5d", - backgroundColor: "#fff6d610", + backgroundColor: "#fff6d6", data: [] }; let red = { label: "Rød", borderColor: "#ef5878", - backgroundColor: "#fbd7de10", + backgroundColor: "#fbd7de", data: [] }; let green = { label: "Grønn", borderColor: "#10e783", - backgroundColor: "#c8f9df10", + backgroundColor: "#c8f9df", data: [] }; @@ -61,6 +61,7 @@ export default { labels: labels, datasets: datasets }; + console.log(datasets); let chart = new Chart(canvas, { type: "bar", data: chartdata,