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-02 15:28:59 +05:30
parent c0aab9ad41
commit 72172b8351
32 changed files with 150 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/hoppscotch-app/components/lenses/renderers/HTMLLensRenderer.vue
View File

@@ -42,7 +42,11 @@
/>
</div>
</div>
<div v-show="!previewEnabled" ref="htmlResponse"></div>
<div
v-show="!previewEnabled"
ref="htmlResponse"
class="flex flex-col flex-1"
></div>
<iframe
v-show="previewEnabled"
ref="previewFrame"

4
packages/hoppscotch-app/components/lenses/renderers/ImageLensRenderer.vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="flex flex-col flex-1">
<div
class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-lowerSecondaryStickyFold"
>
@@ -18,7 +18,7 @@
</div>
</div>
<img
class="flex flex-1 max-w-full border-b border-dividerLight"
class="flex flex-col flex-1 max-w-full border-b border-dividerLight"
:src="imageSource"
loading="lazy"
:alt="imageSource"

6
packages/hoppscotch-app/components/lenses/renderers/JSONLensRenderer.vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="flex flex-col flex-1">
<div
class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-lowerSecondaryStickyFold"
>
@@ -33,10 +33,10 @@
/>
</div>
</div>
<div ref="jsonResponse"></div>
<div ref="jsonResponse" class="flex flex-col flex-1"></div>
<div
v-if="outlinePath"
class="sticky bottom-0 z-10 flex flex-1 px-2 overflow-auto border-t bg-primaryLight border-dividerLight flex-nowrap hide-scrollbar"
class="sticky bottom-0 z-10 flex px-2 overflow-auto border-t bg-primaryLight border-dividerLight flex-nowrap hide-scrollbar"
>
<div
v-for="(item, index) in outlinePath"

4
packages/hoppscotch-app/components/lenses/renderers/RawLensRenderer.vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="flex flex-col flex-1">
<div
class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-lowerSecondaryStickyFold"
>
@@ -33,7 +33,7 @@
/>
</div>
</div>
<div ref="rawResponse"></div>
<div ref="rawResponse" class="flex flex-col flex-1"></div>
</div>
</template>

4
packages/hoppscotch-app/components/lenses/renderers/XMLLensRenderer.vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="flex flex-col flex-1">
<div
class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-lowerSecondaryStickyFold"
>
@@ -33,7 +33,7 @@
/>
</div>
</div>
<div ref="xmlResponse"></div>
<div ref="xmlResponse" class="flex flex-col flex-1"></div>
</div>
</template>