refactor: improve ui consistency
This commit is contained in:
parent
72172b8351
commit
f9fbe08f32
5 changed files with 16 additions and 16 deletions
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in a new issue