refactor: minor ui improvements

README.md

@@ -197,6 +197,8 @@ _Official proxy server is hosted by Hoppscotch - **[GitHub](https://github.com/h
 
 🌎 **i18n:** Experience the app in your own language.
 
+Help us to translate Hoppscotch. Please read [`TRANSLATIONS`](TRANSLATIONS.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.
+
 📦 **Add-ons:** Official add-ons for hoppscotch.
 
 - **[Proxy](https://github.com/hoppscotch/proxyscotch)** - A simple proxy server created for Hoppscotch

components/app/SearchEntry.vue

@@ -9,14 +9,33 @@
       items-center
       group
       hover:bg-primaryLight
+      focus:outline-none
+      focus-visible:bg-primaryLight
     "
+    tabindex="0"
     @click="$emit('action', shortcut.action)"
+    @keydown.enter="$emit('action', shortcut.action)"
   >
     <SmartIcon
-      class="mr-4 opacity-75 transition svg-icons group-hover:opacity-100"
+      class="
+        mr-4
+        opacity-75
+        transition
+        svg-icons
+        group-hover:opacity-100
+        group-focus:opacity-100
+      "
       :name="shortcut.icon"
     />
-    <span class="flex flex-1 mr-4 transition group-hover:text-secondaryDark">
+    <span
+      class="
+        flex flex-1
+        mr-4
+        transition
+        group-hover:text-secondaryDark
+        group-focus:text-secondaryDark
+      "
+    >
       {{ $t(shortcut.label) }}
     </span>
     <span

nuxt.config.js

@@ -181,7 +181,7 @@ export default {
     position: "bottom-center",
     duration: 3000,
     keepOnHover: true,
-    singleton: true,
+    // singleton: true,
   },
 
   // Google Analytics module configuration (https://github.com/nuxt-community/analytics-module)