chore: minor ui improvements

packages/hoppscotch-common/src/components/app/Header.vue

@@ -18,7 +18,7 @@
         <!-- <AppGitHubStarButton class="mt-1.5 transition" /> -->
       </div>
       <div class="inline-flex items-center justify-center flex-1 space-x-2">
-        <AppNavigation />
+        <AppNavigation v-if="mdAndLarger" />
         <div
           class="bg-primaryDark max-w-128 text-secondaryLight justify-between cursor-pointer rounded border border-dividerDark hover:border-dividerDark hover:bg-primaryLight hover:text-secondary focus-visible:border-dividerDark focus-visible:bg-primaryLight focus-visible:text-secondary focus:outline-none transition flex flex-1 items-center px-2 py-1.25"
           tabindex="0"
@@ -82,7 +82,6 @@
             <HoppButtonSecondary
               v-tippy="{ theme: 'tooltip' }"
               :title="t('team.invite_tooltip')"
-              :label="mdAndLarger ? t('team.invite') : ``"
               :icon="IconUserPlus"
               class="py-1.75 !text-green-500 !focus-visible:text-green-600 !hover:text-green-600"
               @click="handleInvite()"

packages/hoppscotch-common/src/components/app/Options.vue

@@ -145,7 +145,7 @@ import IconActivity from "~icons/lucide/activity"
 import IconLock from "~icons/lucide/lock"
 import IconDiscord from "~icons/brands/discord"
 import IconTwitter from "~icons/brands/twitter"
-import IconGithub from "~icons/hopp/github"
+import IconGithub from "~icons/lucide/github"
 import IconMessageCircle from "~icons/lucide/message-circle"
 import IconUserPlus from "~icons/lucide/user-plus"
 import IconShare2 from "~icons/lucide/share-2"

packages/hoppscotch-common/src/components/app/Support.vue

@@ -82,7 +82,7 @@
 <script setup lang="ts">
 import IconTwitter from "~icons/brands/twitter"
 import IconDiscord from "~icons/brands/discord"
-import IconGitHub from "~icons/hopp/github"
+import IconGitHub from "~icons/lucide/github"
 import IconMessageCircle from "~icons/lucide/message-circle"
 import IconGift from "~icons/lucide/gift"
 import IconZap from "~icons/lucide/zap"

packages/hoppscotch-common/src/components/http/Request.vue

@@ -161,7 +161,6 @@
                 ref="saveTippyActions"
                 class="flex flex-col focus:outline-none"
                 tabindex="0"
-                @keyup.c="copyRequestAction.$el.click()"
                 @keyup.s="saveRequestAction.$el.click()"
                 @keyup.escape="hide()"
               >
@@ -180,7 +179,6 @@
                   :label="shareButtonText"
                   :icon="copyLinkIcon"
                   :loading="fetchingShareLink"
-                  :shortcut="['C']"
                   @click="
                     () => {
                       copyRequest()

packages/hoppscotch-common/src/components/workspace/Selector.vue

@@ -19,12 +19,6 @@
         v-if="!loading && myTeams.length === 0"
         class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight"
       >
-        <img
-          :src="`/images/states/${colorMode.value}/add_group.svg`"
-          loading="lazy"
-          class="inline-flex flex-col object-contain object-center w-16 h-16 mb-8"
-          :alt="`${t('empty.teams')}`"
-        />
         <span class="mb-4 text-center">
           {{ t("empty.teams") }}
         </span>
@@ -84,14 +78,12 @@ import { useI18n } from "@composables/i18n"
 import IconUser from "~icons/lucide/user"
 import IconUsers from "~icons/lucide/users"
 import IconPlus from "~icons/lucide/plus"
-import { useColorMode } from "@composables/theming"
 import { changeWorkspace, workspaceStatus$ } from "~/newstore/workspace"
 import { GetMyTeamsQuery } from "~/helpers/backend/graphql"
 import IconDone from "~icons/lucide/check"
 import { useLocalState } from "~/newstore/localstate"
 
 const t = useI18n()
-const colorMode = useColorMode()
 
 const showModalAdd = ref(false)