fix chart width

This commit is contained in:
2023-06-22 18:24:50 +02:00
parent 979a65f443
commit 50adf2d9f0
2 changed files with 4 additions and 6 deletions
+3 -4
View File
@@ -1,5 +1,5 @@
<template>
<div class="gamemodeChart" ref="container">
<div class="chart" ref="container">
<LoadingBar v-if="progress !== 1" :value="progress"></LoadingBar>
<Doughnut :data="chart" :options="chartOptions" v-if="progress === 1" />
</div>
@@ -173,9 +173,8 @@ export default defineComponent({
</script>
<style scoped>
.weaponChart {
width: calc(min(50vw, 50vh) - 3em);
height: calc(min(50vw, 50vh) - 3em);
.chart {
width: 100%;
}
@media only screen and (max-width: 922px) {
+1 -2
View File
@@ -174,8 +174,7 @@ export default defineComponent({
<style scoped>
.weaponChart {
width: calc(min(50vw, 50vh) - 3em);
height: calc(min(50vw, 50vh) - 3em);
width: 100%;
}
@media only screen and (max-width: 922px) {