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

fix: input borders

Browse Source
This commit is contained in:
Liyas Thomas
2020-12-12 19:16:37 +05:30
parent a56e2bb577
commit 858ab252a6
11 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/scss/styles.scss
View File

@@ -284,6 +284,7 @@ hr {
@apply shadow-lg; @apply shadow-lg;
max-height: 256px; max-height: 256px;
min-width: 128px;
button { button {
@apply flex-1; @apply flex-1;

2
components/environments/edit-environment.vue
View File

@@ -30,7 +30,7 @@
<ul <ul
v-for="(variable, index) in this.editingEnvCopy.variables" v-for="(variable, index) in this.editingEnvCopy.variables"
:key="index" :key="index"
class="border-b border-dashed divide-x border-brdColor divide-dashed divide-brdColor" class="border-b border-dashed divide-y md:divide-x border-brdColor divide-dashed divide-brdColor md:divide-y-0"
:class="{ 'border-t': index == 0 }" :class="{ 'border-t': index == 0 }"
> >
<li> <li>

2
components/http/http-headers.vue
View File

@@ -19,7 +19,7 @@
<ul <ul
v-for="(header, index) in headers" v-for="(header, index) in headers"
:key="`${header.value}_${index}`" :key="`${header.value}_${index}`"
class="border-b border-dashed divide-x border-brdColor divide-dashed divide-brdColor" class="border-b border-dashed divide-y md:divide-x border-brdColor divide-dashed divide-brdColor md:divide-y-0"
:class="{ 'border-t': index == 0 }" :class="{ 'border-t': index == 0 }"
> >
<li> <li>

2
components/http/http-parameters.vue
View File

@@ -19,7 +19,7 @@
<ul <ul
v-for="(param, index) in params" v-for="(param, index) in params"
:key="index" :key="index"
class="border-b border-dashed divide-x border-brdColor divide-dashed divide-brdColor" class="border-b border-dashed divide-y md:divide-x border-brdColor divide-dashed divide-brdColor md:divide-y-0"
:class="{ 'border-t': index == 0 }" :class="{ 'border-t': index == 0 }"
> >
<li> <li>

2
components/realtime/socketio.vue
View File

@@ -71,7 +71,7 @@
<ul <ul
v-for="(input, index) of communication.inputs" v-for="(input, index) of communication.inputs"
:key="`input-${index}`" :key="`input-${index}`"
class="border-b border-dashed divide-x border-brdColor divide-dashed divide-brdColor" class="border-b border-dashed divide-y md:divide-x border-brdColor divide-dashed divide-brdColor md:divide-y-0"
:class="{ 'border-t': index == 0 }" :class="{ 'border-t': index == 0 }"
> >
<li> <li>

4
components/ui/accent-mode-picker.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div> <div class="flex flex-col">
<label>{{ $t("color") }}: {{ active.charAt(0).toUpperCase() + active.slice(1) }}</label> <label>{{ $t("color") }}: {{ active.charAt(0).toUpperCase() + active.slice(1) }}</label>
<div class="space-x-2"> <div>
<span <span
v-for="(color, index) of colors" v-for="(color, index) of colors"
:key="`color-${index}`" :key="`color-${index}`"

4
components/ui/color-mode-picker.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div> <div class="flex flex-col">
<label> <label>
<ColorScheme placeholder="..." tag="span"> <ColorScheme placeholder="..." tag="span">
{{ $t("background") }}: {{ $t("background") }}:
@@ -9,7 +9,7 @@
</span> </span>
</ColorScheme> </ColorScheme>
</label> </label>
<div class="space-x-2"> <div>
<span <span
v-for="(color, index) of colors" v-for="(color, index) of colors"
:key="`color-${index}`" :key="`color-${index}`"

1
components/ui/pw-toggle.vue
View File

@@ -29,6 +29,7 @@ $transition: all 0.2s ease-in-out;
@apply p-0; @apply p-0;
@apply m-4; @apply m-4;
@apply cursor-pointer; @apply cursor-pointer;
@apply flex-shrink-0;
width: $width; width: $width;
height: $height; height: $height;

6
components/ui/url-field.vue
View File

@@ -3,6 +3,12 @@
</template> </template>
<style lang="scss"> <style lang="scss">
.url-field {
@apply border-dashed;
@apply md:border-l;
@apply border-brdColor;
}
.highlight-VAR { .highlight-VAR {
@apply font-bold; @apply font-bold;
@apply text-acColor; @apply text-acColor;

2
pages/graphql.vue
View File

@@ -55,7 +55,7 @@
<ul <ul
v-for="(header, index) in headers" v-for="(header, index) in headers"
:key="`${header.value}_${index}`" :key="`${header.value}_${index}`"
class="border-b border-dashed divide-x border-brdColor divide-dashed divide-brdColor" class="border-b border-dashed divide-y md:divide-x border-brdColor divide-dashed divide-brdColor md:divide-y-0"
:class="{ 'border-t': index == 0 }" :class="{ 'border-t': index == 0 }"
> >
<li> <li>

2
pages/index.vue
View File

@@ -171,7 +171,7 @@
<ul <ul
v-for="(param, index) in bodyParams" v-for="(param, index) in bodyParams"
:key="index" :key="index"
class="border-b border-dashed divide-x border-brdColor divide-dashed divide-brdColor" class="border-b border-dashed divide-y md:divide-x border-brdColor divide-dashed divide-brdColor md:divide-y-0"
:class="{ 'border-t': index == 0 }" :class="{ 'border-t': index == 0 }"
> >
<li> <li>