diff --git a/packages/hoppscotch-app/assets/scss/styles.scss b/packages/hoppscotch-app/assets/scss/styles.scss index f25e70da1..831fa4705 100644 --- a/packages/hoppscotch-app/assets/scss/styles.scss +++ b/packages/hoppscotch-app/assets/scss/styles.scss @@ -135,6 +135,13 @@ a { } } +.cm-tooltip { + .tooltip-theme { + @apply fixed; + @apply -mt-6; + } +} + .tooltip-theme { @apply bg-tooltip; @apply text-primary; diff --git a/packages/hoppscotch-app/components/app/Header.vue b/packages/hoppscotch-app/components/app/Header.vue index f3572dd7a..91c90c516 100644 --- a/packages/hoppscotch-app/components/app/Header.vue +++ b/packages/hoppscotch-app/components/app/Header.vue @@ -22,14 +22,14 @@ /> ${getSpecialKey()}G`" :label="`${t('request.run')}`" svg="play" class="rounded-none !text-accent !hover:text-accentDark" @@ -29,7 +29,7 @@ v-tippy="{ theme: 'tooltip', delay: [500, 20], allowHTML: true }" :title="`${t( 'request.save' - )} ${getSpecialKey()}S`" + )} ${getSpecialKey()}S`" :label="`${t('request.save')}`" svg="save" class="rounded-none" @@ -166,6 +166,15 @@ :spellcheck="false" :value="header.key" autofocus + styles=" + bg-transparent + flex + flex-1 + py-1 + px-4 + truncate + " + class="flex-1 !flex" @input=" updateHeader(index, { key: $event, diff --git a/packages/hoppscotch-app/components/http/OAuth2Authorization.vue b/packages/hoppscotch-app/components/http/OAuth2Authorization.vue index 1396ecb7d..ddf23de4f 100644 --- a/packages/hoppscotch-app/components/http/OAuth2Authorization.vue +++ b/packages/hoppscotch-app/components/http/OAuth2Authorization.vue @@ -99,7 +99,7 @@ export default { oidcDiscoveryURL.value === "" && (authURL.value === "" || accessTokenURL.value === "") ) { - toast.error(`${t("complete_config_urls")}`) + toast.error(`${t("error.incomplete_config_urls")}`) return } try { diff --git a/packages/hoppscotch-app/components/realtime/Mqtt.vue b/packages/hoppscotch-app/components/realtime/Mqtt.vue index 7eac5e47b..c7144b339 100644 --- a/packages/hoppscotch-app/components/realtime/Mqtt.vue +++ b/packages/hoppscotch-app/components/realtime/Mqtt.vue @@ -27,7 +27,7 @@ type="url" autocomplete="off" spellcheck="false" - class="w-full px-4 py-2 border rounded bg-primaryLight border-divider text-secondaryDark hover:border-dividerDark focus-visible:bg-transparent focus-visible:border-dividerDark" + class="w-full px-4 py-2 border rounded bg-primaryLight border-divider text-secondaryDark" :placeholder="$t('mqtt.url')" :disabled="connectionState" @keyup.enter="validUrl ? toggleConnection() : null" diff --git a/packages/hoppscotch-app/components/realtime/Socketio.vue b/packages/hoppscotch-app/components/realtime/Socketio.vue index c2f52b1c0..e21adb52b 100644 --- a/packages/hoppscotch-app/components/realtime/Socketio.vue +++ b/packages/hoppscotch-app/components/realtime/Socketio.vue @@ -36,7 +36,7 @@ id="client-version" v-tippy="{ theme: 'tooltip' }" title="socket.io-client version" - class="flex px-4 py-2 font-semibold border rounded-l cursor-pointer bg-primaryLight border-divider text-secondaryDark w-26 hover:border-dividerDark focus-visible:bg-transparent focus-visible:border-dividerDark" + class="flex px-4 py-2 font-semibold border rounded-l cursor-pointer bg-primaryLight border-divider text-secondaryDark w-26" :value="`Client ${clientVersion}`" readonly :disabled="connectionState" @@ -58,7 +58,7 @@ autocomplete="off" spellcheck="false" :class="{ error: !urlValid }" - class="flex flex-1 w-full px-4 py-2 border bg-primaryLight border-divider text-secondaryDark hover:border-dividerDark focus-visible:bg-transparent focus-visible:border-dividerDark" + class="flex flex-1 w-full px-4 py-2 border bg-primaryLight border-divider text-secondaryDark" :placeholder="$t('socketio.url')" :disabled="connectionState" @keyup.enter="urlValid ? toggleConnection() : null" @@ -66,7 +66,7 @@