btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

refactor: improve ui consistency

Browse Source
This commit is contained in:
liyasthomas
2022-02-03 08:11:41 +05:30
parent 72172b8351
commit f9fbe08f32
5 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/hoppscotch-app/components/http/Authorization.vue
View File

@@ -151,17 +151,17 @@
class="mb-4"
/>
</div>
<div v-else class="flex border-b border-dividerLight">
<div v-else class="flex flex-1 border-b border-dividerLight">
<div class="w-2/3 border-r border-dividerLight">
<div v-if="authType === 'basic'">
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<SmartEnvInput
v-model="basicUsername"
:placeholder="$t('authorization.username')"
styles="bg-transparent flex flex-1 py-1 px-4"
/>
</div>
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<SmartEnvInput
v-model="basicPassword"
:placeholder="$t('authorization.password')"
@@ -170,7 +170,7 @@
</div>
</div>
<div v-if="authType === 'bearer'">
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<SmartEnvInput
v-model="bearerToken"
placeholder="Token"
@@ -179,7 +179,7 @@
</div>
</div>
<div v-if="authType === 'oauth-2'">
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<SmartEnvInput
v-model="oauth2Token"
placeholder="Token"
@@ -189,14 +189,14 @@
<HttpOAuth2Authorization />
</div>
<div v-if="authType === 'api-key'">
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<SmartEnvInput
v-model="apiKey"
placeholder="Key"
styles="bg-transparent flex flex-1 py-1 px-4"
/>
</div>
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<SmartEnvInput
v-model="apiValue"
placeholder="Value"

10
packages/hoppscotch-app/components/http/OAuth2Authorization.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="flex flex-col">
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<input
id="oidcDiscoveryURL"
v-model="oidcDiscoveryURL"
@@ -9,7 +9,7 @@
name="oidcDiscoveryURL"
/>
</div>
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<input
id="authURL"
v-model="authURL"
@@ -18,7 +18,7 @@
name="authURL"
/>
</div>
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<input
id="accessTokenURL"
v-model="accessTokenURL"
@@ -27,7 +27,7 @@
name="accessTokenURL"
/>
</div>
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<input
id="clientID"
v-model="clientID"
@@ -36,7 +36,7 @@
name="clientID"
/>
</div>
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<input
id="scope"
v-model="scope"

2
packages/hoppscotch-app/components/http/PreRequestScript.vue
View File

@@ -29,7 +29,7 @@
/>
</div>
</div>
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<div class="w-2/3 border-r border-dividerLight">
<div ref="preRrequestEditor" class="h-full"></div>
</div>

2
packages/hoppscotch-app/components/http/Tests.vue
View File

@@ -29,7 +29,7 @@
/>
</div>
</div>
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<div class="w-2/3 border-r border-dividerLight">
<div ref="testScriptEditor" class="h-full"></div>
</div>

4
packages/hoppscotch-app/components/realtime/Socketio.vue
View File

@@ -189,10 +189,10 @@
</div>
<div
v-if="authType === 'Bearer'"
class="flex border-b border-dividerLight"
class="flex flex-1 border-b border-dividerLight"
>
<div class="w-2/3 border-r border-dividerLight">
<div class="flex border-b border-dividerLight">
<div class="flex flex-1 border-b border-dividerLight">
<SmartEnvInput
v-model="bearerToken"
placeholder="Token"