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

fix weaponchart responsive position

Browse Source
This commit is contained in:
legonzaur
2023-03-30 12:07:15 +02:00
parent 6ee0fff6bf
commit bbb7dd47bb
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/WeaponChart.vue
+4 -3
View File
@@ -86,7 +86,7 @@ export default defineComponent({
// eslint-disable-next-line no-unused-expressions // eslint-disable-next-line no-unused-expressions
this.$props.playerHighlighted this.$props.playerHighlighted
const options = { const options = {
responsive: false, responsive: true,
maintainAspectRatio: true, maintainAspectRatio: true,
animation: { duration: 500 }, animation: { duration: 500 },
layout: { autoPadding: false }, layout: { autoPadding: false },
@@ -158,8 +158,9 @@ export default defineComponent({
</script> </script>
<style scoped> <style scoped>
canvas { .weaponChart {
background: var(--accent); width: calc(min(50vw, 50vh) - 3em);
height: calc(min(50vw, 50vh) - 3em);
} }
@media only screen and (max-width: 922px) { @media only screen and (max-width: 922px) {