Some max-width
This commit is contained in:
@@ -85,7 +85,6 @@ export default {
|
|||||||
getRotation: function() {
|
getRotation: function() {
|
||||||
let num = Math.floor(Math.random() * 15);
|
let num = Math.floor(Math.random() * 15);
|
||||||
let neg = Math.floor(Math.random() * 2);
|
let neg = Math.floor(Math.random() * 2);
|
||||||
console.log(neg);
|
|
||||||
return neg == 0 ? -num : num;
|
return neg == 0 ? -num : num;
|
||||||
},
|
},
|
||||||
getColorClass: function(number) {
|
getColorClass: function(number) {
|
||||||
@@ -111,7 +110,6 @@ body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
max-width: 1400px;
|
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
}
|
}
|
||||||
.header-link {
|
.header-link {
|
||||||
@@ -174,6 +172,8 @@ input {
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: auto;
|
||||||
}
|
}
|
||||||
.color-box {
|
.color-box {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
|
|||||||
@@ -66,8 +66,6 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
addWinner: function(event) {
|
addWinner: function(event) {
|
||||||
console.log("clicked");
|
|
||||||
|
|
||||||
this.winners.push({
|
this.winners.push({
|
||||||
name: "",
|
name: "",
|
||||||
color: "",
|
color: "",
|
||||||
@@ -133,7 +131,6 @@ export default {
|
|||||||
body: JSON.stringify(sendObject)
|
body: JSON.stringify(sendObject)
|
||||||
});
|
});
|
||||||
let response = await _response.json();
|
let response = await _response.json();
|
||||||
console.log(response);
|
|
||||||
if (response == true) {
|
if (response == true) {
|
||||||
alert("Sendt!");
|
alert("Sendt!");
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
|
|||||||
@@ -43,7 +43,6 @@ body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
max-width: 1400px;
|
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -101,6 +100,8 @@ h1 {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: auto;
|
||||||
padding: 50px 0;
|
padding: 50px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,6 @@ export default {
|
|||||||
async mounted() {
|
async mounted() {
|
||||||
let canvas = this.$refs["purchase-chart"].getContext("2d");
|
let canvas = this.$refs["purchase-chart"].getContext("2d");
|
||||||
|
|
||||||
console.log(canvas);
|
|
||||||
let _response = await fetch("/api/purchase/statistics");
|
let _response = await fetch("/api/purchase/statistics");
|
||||||
let response = await _response.json();
|
let response = await _response.json();
|
||||||
let labels = [];
|
let labels = [];
|
||||||
|
|||||||
@@ -98,6 +98,8 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: auto;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,7 +9,6 @@ export default {
|
|||||||
async mounted() {
|
async mounted() {
|
||||||
let canvas = this.$refs["win-chart"].getContext("2d");
|
let canvas = this.$refs["win-chart"].getContext("2d");
|
||||||
|
|
||||||
console.log(canvas);
|
|
||||||
let _response = await fetch("/api/purchase/statistics/color");
|
let _response = await fetch("/api/purchase/statistics/color");
|
||||||
let response = await _response.json();
|
let response = await _response.json();
|
||||||
let labels = ["Vunnet"];
|
let labels = ["Vunnet"];
|
||||||
@@ -61,7 +60,6 @@ export default {
|
|||||||
labels: labels,
|
labels: labels,
|
||||||
datasets: datasets
|
datasets: datasets
|
||||||
};
|
};
|
||||||
console.log(datasets);
|
|
||||||
let chart = new Chart(canvas, {
|
let chart = new Chart(canvas, {
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: chartdata,
|
data: chartdata,
|
||||||
|
|||||||
Reference in New Issue
Block a user