From 50adf2d9f0d960a9f378434132fe8dbca8eb259d Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Thu, 22 Jun 2023 18:24:50 +0200
Subject: [PATCH] fix chart width

---
 src/components/GamemodeChart.vue | 7 +++----
 src/components/WeaponChart.vue   | 3 +--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/GamemodeChart.vue b/src/components/GamemodeChart.vue
index 2a9b362..7a150fc 100644
--- a/src/components/GamemodeChart.vue
+++ b/src/components/GamemodeChart.vue
@@ -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) {
diff --git a/src/components/WeaponChart.vue b/src/components/WeaponChart.vue
index 243a21f..78796ca 100644
--- a/src/components/WeaponChart.vue
+++ b/src/components/WeaponChart.vue
@@ -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) {