From b501214c0283b2396140501ff6c190d8e7b29935 Mon Sep 17 00:00:00 2001
From: memorydream <34763046+memorydream@users.noreply.github.com>
Date: Sun, 9 Jan 2022 18:12:30 +0800
Subject: [PATCH] fix: context menu position (#1207)

* fix: context menu position

* fix: context menu position with player disabled
---
 src/components/ContextMenu.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/ContextMenu.vue b/src/components/ContextMenu.vue
index dd6365b..a290a47 100644
--- a/src/components/ContextMenu.vue
+++ b/src/components/ContextMenu.vue
@@ -15,6 +15,8 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 export default {
   name: 'ContextMenu',
   data() {
@@ -24,10 +26,14 @@ export default {
       left: '0px',
     };
   },
+  computed: {
+    ...mapState(['player']),
+  },
   methods: {
     setMenu(top, left) {
+      let heightOffset = this.player.enabled ? 64 : 0;
       let largestHeight =
-        window.innerHeight - this.$refs.menu.offsetHeight - 25;
+        window.innerHeight - this.$refs.menu.offsetHeight - heightOffset;
       let largestWidth = window.innerWidth - this.$refs.menu.offsetWidth - 25;
       if (top > largestHeight) top = largestHeight;
       if (left > largestWidth) left = largestWidth;