Merge pull request #1343 from hariaakash/main

Request method labels & custom method width fix

components/collections/request.vue

@@ -13,7 +13,7 @@
         @click="!doc ? selectRequest() : {}"
         v-tooltip="!doc ? $t('use_request') : ''"
       >
-        <i class="material-icons">insert_drive_file</i>
+        <span :class="getRequestLabelColor(request.method)">{{ request.method }}</span>
         <span>{{ request.name }}</span>
       </button>
     </div>
@@ -68,6 +68,13 @@ export default {
   data() {
     return {
       dragging: false,
+      requestMethodLabels: {
+        get: "text-green-400",
+        post: "text-yellow-400",
+        put: "text-blue-400",
+        delete: "text-red-400",
+        default: "text-gray-400",
+      },
     }
   },
   methods: {
@@ -100,6 +107,9 @@ export default {
       })
       this.syncCollections()
     },
+    getRequestLabelColor(method) {
+      return this.requestMethodLabels[method.toLowerCase()] || this.requestMethodLabels.default
+    },
   },
 }
 </script>

pages/index.vue

@@ -9,14 +9,12 @@
               <span class="select-wrapper">
                 <v-popover>
                   <input
-                    v-if="!customMethod"
                     id="method"
                     class="method"
                     v-model="method"
-                    readonly
+                    :readonly="!customMethod"
                     autofocus
                   />
-                  <input v-else v-model="method" placeholder="CUSTOM" />
                   <template slot="popover">
                     <div>
                       <button