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

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

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

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

@@ -29,7 +29,7 @@
/> />
</div> </div>
</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 class="w-2/3 border-r border-dividerLight">
<div ref="preRrequestEditor" class="h-full"></div> <div ref="preRrequestEditor" class="h-full"></div>
</div> </div>

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

@@ -29,7 +29,7 @@
/> />
</div> </div>
</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 class="w-2/3 border-r border-dividerLight">
<div ref="testScriptEditor" class="h-full"></div> <div ref="testScriptEditor" class="h-full"></div>
</div> </div>

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

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