ToneAPI/ToneAPI_webclient
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix chart width

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