feat: introducing a new smart input hoppscotch ui component (#3089)

Co-authored-by: Anwarul Islam <anwaarulislaam@gmail.com>
2023-08-05 23:45:02 +05:30
parent 01cf59c663
commit 81fbb22c51
33 changed files with 543 additions and 639 deletions
--- a/packages/hoppscotch-common/src/pages/settings.vue
+++ b/packages/hoppscotch-common/src/pages/settings.vue
@@ -193,20 +193,19 @@
              </div>
            </div>
            <div class="flex items-center py-4 space-x-2">
-              <div class="relative flex flex-col flex-1">
-                <input
-                  id="url"
-                  v-model="PROXY_URL"
-                  class="input floating-input"
-                  placeholder=" "
-                  type="url"
-                  autocomplete="off"
-                  :disabled="!PROXY_ENABLED"
-                />
-                <label for="url">
-                  {{ t("settings.proxy_url") }}
-                </label>
-              </div>
+              <HoppSmartInput
+                v-model="PROXY_URL"
+                styles="flex-1"
+                placeholder=" "
+                input-styles="input floating-input"
+                :disabled="!PROXY_ENABLED"
+              >
+                <template #label>
+                  <label for="url">
+                    {{ t("settings.proxy_url") }}
+                  </label>
+                </template>
+              </HoppSmartInput>
              <HoppButtonSecondary
                v-tippy="{ theme: 'tooltip' }"
                :title="t('settings.reset_default')"