refactor: better toast messages + minor ui improvements

components/http/BodyParameters.vue

@@ -67,6 +67,7 @@
           flex-1
           py-2
           px-4
+          truncate
           focus:outline-none
         "
         :placeholder="$t('count.parameter', { count: index + 1 })"
@@ -111,6 +112,7 @@
           flex-1
           py-2
           px-4
+          truncate
           focus:outline-none
         "
         :placeholder="$t('count.value', { count: index + 1 })"

components/http/Headers.vue

@@ -50,6 +50,7 @@
           flex-1
           py-1
           px-4
+          truncate
           focus:outline-none
         "
         @input="
@@ -90,6 +91,7 @@
           flex-1
           py-2
           px-4
+          truncate
           focus:outline-none
         "
         :placeholder="$t('count.value', { count: index + 1 })"

components/http/ImportCurl.vue

@@ -118,8 +118,8 @@ export default defineComponent({
             },
           })
         )
-      } catch (error) {
-        this.showCurlImportModal = false
+      } catch (e) {
+        console.error(e)
         this.$toast.error(this.$t("curl_invalid_format").toString(), {
           icon: "error",
         })

components/http/Parameters.vue

@@ -67,6 +67,7 @@
           flex-1
           py-2
           px-4
+          truncate
           focus:outline-none
         "
         :placeholder="$t('count.parameter', { count: index + 1 })"
@@ -111,6 +112,7 @@
           flex-1
           py-2
           px-4
+          truncate
           focus:outline-none
         "
         :placeholder="$t('count.value', { count: index + 1 })"

components/http/RawBody.vue

@@ -118,6 +118,7 @@ export default defineComponent({
         this.prettifyIcon = "done"
         setTimeout(() => (this.prettifyIcon = "photo_filter"), 1000)
       } catch (e) {
+        console.error(e)
         this.$toast.error(`${this.$t("json_prettify_invalid_body")}`, {
           icon: "error",
         })