refactor: improve lighthouse score

assets/scss/styles.scss

@@ -253,6 +253,7 @@ pre.ace_editor {
 
 .select {
   @apply appearance-none;
+  @apply cursor-pointer;
 
   &::-ms-expand {
     @apply hidden;
@@ -262,7 +263,6 @@ pre.ace_editor {
 .select-wrapper {
   @apply flex flex-1;
   @apply relative;
-  @apply cursor-pointer;
 
   &::after {
     @apply absolute;
@@ -449,15 +449,15 @@ input[type="checkbox"] {
 }
 
 .splitpanes--vertical > .splitpanes__splitter::before {
-  left: -2px;
+  @apply -left-0.5;
-  right: -2px;
+  @apply -right-0.5;
-  height: 100%;
+  @apply h-full;
 }
 
 .splitpanes--horizontal > .splitpanes__splitter::before {
-  top: -2px;
+  @apply -top-0.5;
-  bottom: -2px;
+  @apply -bottom-0.5;
-  width: 100%;
+  @apply w-full;
 }
 
 @media (max-width: 767px) {

components/collections/ChooseType.vue

@@ -20,6 +20,7 @@
               class="
                 bg-primaryLight
                 border-b border-dividerLight
+                cursor-pointer
                 flex
                 w-full
                 py-2

components/firebase/Login.vue

@@ -95,7 +95,7 @@
       <p v-if="mode === 'email'" class="text-secondaryLight">
         <SmartAnchor
           class="link"
-          :label="`← ${$t('auth.all_sign_in_options')}`"
+          :label="`← \xA0 ${$t('auth.all_sign_in_options')}`"
           @click.native="mode = 'sign-in'"
         />
       </p>
@@ -105,7 +105,7 @@
       >
         <SmartAnchor
           class="link"
-          :label="`← ${$t('auth.re_enter_email')}`"
+          :label="`← \xA0 ${$t('auth.re_enter_email')}`"
           @click.native="mode = 'email'"
         />
         <SmartAnchor

components/http/PreRequestScript.vue

@@ -63,7 +63,7 @@
         </div>
         <SmartAnchor
           class="link"
-          :label="$t('action.learn_more')"
+          :label="`${$t('preRequest.learn')} \xA0 →`"
           to="https://docs.hoppscotch.io/features/pre-request-script"
           blank
         />

components/http/Tests.vue

@@ -63,7 +63,7 @@
         </div>
         <SmartAnchor
           class="link"
-          :label="$t('action.learn_more')"
+          :label="`${$t('test.learn')} \xA0 →`"
           to="https://docs.hoppscotch.io/features/tests"
           blank
         />

components/smart/Tabs.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col flex-nowrap flex-1">
-    <div class="tabs hide-scrollbar relative" :class="styles">
+    <div class="rounded-t tabs hide-scrollbar relative" :class="styles">
       <div class="flex w-0">
         <div class="inline-flex">
           <button

components/teams/Edit.vue

@@ -52,7 +52,13 @@
                 <template #trigger>
                   <span class="select-wrapper">
                     <input
-                      class="bg-primaryLight flex flex-1 py-2 px-4"
+                      class="
+                        bg-primaryLight
+                        cursor-pointer
+                        flex flex-1
+                        py-2
+                        px-4
+                      "
                       :placeholder="$t('team.permissions')"
                       :name="'value' + index"
                       :value="
@@ -112,7 +118,13 @@
                 <template #trigger>
                   <span class="select-wrapper">
                     <input
-                      class="bg-primaryLight flex flex-1 py-2 px-4"
+                      class="
+                        bg-primaryLight
+                        cursor-pointer
+                        flex flex-1
+                        py-2
+                        px-4
+                      "
                       :placeholder="$t('team.permissions')"
                       :name="'value' + index"
                       :value="

locales/en.json

@@ -246,6 +246,7 @@
   },
   "preRequest": {
     "javascript_code": "JavaScript Code",
+    "learn": "Learn how to write pre-request scripts",
     "script": "Pre-Request Script",
     "snippets": "Snippets"
   },
@@ -475,6 +476,7 @@
   },
   "test": {
     "javascript_code": "JavaScript Code",
+    "learn": "Learn how to write test scripts",
     "report": "Test Report",
     "results": "Test Results",
     "script": "Script",