From b774d20bfe3b57684fd2b011f76b88d12e64217e Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Thu, 28 Dec 2023 12:38:28 -0500
Subject: [PATCH] fix: meta keys

---
 src/components/toolbar/MarkdownToolbar.vue | 11 +----------
 src/components/toolbar/TooltipShortcut.vue |  4 ++++
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/toolbar/MarkdownToolbar.vue b/src/components/toolbar/MarkdownToolbar.vue
index 8e9706dc..3e930067 100644
--- a/src/components/toolbar/MarkdownToolbar.vue
+++ b/src/components/toolbar/MarkdownToolbar.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    ref="toolbar"
-    class="markdown-ui-toolbar"
-  >
+  <div class="markdown-ui-toolbar">
     <div class="toolbar-left">
       <div
         v-if="editable && mode !== 'read'"
@@ -182,8 +179,6 @@ const editable: Ref<boolean> = inject(EDITABLE_INJECTION_KEY, ref(false))
 const fullscreen: Ref<boolean> = inject(FULLSCREEN_INJECTION_KEY, ref(false))
 const htmlPreview: Ref<boolean> = inject(HTML_PREVIEW_INJECTION_KEY, ref(false))
 
-const toolbar = ref<HTMLElement>()
-
 const emit = defineEmits<{
   (e: 'format-selection', format: InlineFormat): void
   (e: 'insert-template', format: MarkdownTemplate): void
@@ -266,10 +261,6 @@ const templateOptions: TemplateOption[] = [
 ]
 
 onMounted(() => {
-  // Add a `mac` class to the container if on Mac (for shortcut icons)
-  // @ts-ignore - property exists
-  toolbar.value?.classList?.toggle('mac', /Mac|iPhone|iPod|iPad/i.test(navigator?.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test(navigator?.userAgentData?.platform))
-
   // If the screen size decreases and the user is in `split` mode, turn on edit mode
   adjustSplitMode()
 })
diff --git a/src/components/toolbar/TooltipShortcut.vue b/src/components/toolbar/TooltipShortcut.vue
index 091dba41..592a978d 100644
--- a/src/components/toolbar/TooltipShortcut.vue
+++ b/src/components/toolbar/TooltipShortcut.vue
@@ -94,6 +94,10 @@ onMounted(() => {
     // Change to Command icon
     &.mac:after {
       content: '\2318';
+      font-size: var(--kui-font-size-40, $kui-font-size-40);
+      line-height: 0;
+      position: relative;
+      top: 2px;
     }
   }
 }