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

refactor: sort windi class names

Browse Source
This commit is contained in:
liyasthomas
2021-12-01 22:59:01 +05:30
parent 520ac8ede5
commit a508909471
91 changed files with 518 additions and 512 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/hoppscotch-app/components/lenses/HeadersRenderer.vue
View File

@@ -1,9 +1,9 @@
<template>
<div>
<div
class="bg-primary border-dividerLight top-lowerSecondaryStickyFold sticky z-10 flex items-center justify-between flex-1 pl-4 border-b"
class="bg-primary border-b border-dividerLight flex flex-1 top-lowerSecondaryStickyFold pl-4 z-10 sticky items-center justify-between"
>
<label class="text-secondaryLight font-semibold">
<label class="font-semibold text-secondaryLight">
{{ t("request.header_list") }}
</label>
<div class="flex">
@@ -20,19 +20,19 @@
<div
v-for="(header, index) in headers"
:key="`header-${index}`"
class="divide-dividerLight border-dividerLight group flex border-b divide-x"
class="divide-dividerLight divide-x border-b border-dividerLight flex group"
>
<span
class="group-hover:text-secondaryDark flex flex-1 min-w-0 px-4 py-2 transition"
class="flex flex-1 min-w-0 py-2 px-4 transition group-hover:text-secondaryDark"
>
<span class="truncate rounded-sm select-all">
<span class="rounded-sm truncate select-all">
{{ header.key }}
</span>
</span>
<span
class="group-hover:text-secondaryDark flex flex-1 min-w-0 px-4 py-2 transition"
class="flex flex-1 min-w-0 py-2 px-4 transition group-hover:text-secondaryDark"
>
<span class="truncate rounded-sm select-all">
<span class="rounded-sm truncate select-all">
{{ header.value }}
</span>
</span>

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

@@ -1,9 +1,9 @@
<template>
<div class="flex flex-col flex-1">
<div
class="bg-primary border-dividerLight top-lowerSecondaryStickyFold sticky z-10 flex items-center justify-between flex-1 pl-4 border-b"
class="bg-primary border-b border-dividerLight flex flex-1 top-lowerSecondaryStickyFold pl-4 z-10 sticky items-center justify-between"
>
<label class="text-secondaryLight font-semibold">
<label class="font-semibold text-secondaryLight">
{{ t("response.body") }}
</label>
<div class="flex">

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

@@ -1,9 +1,9 @@
<template>
<div>
<div
class="bg-primary border-dividerLight top-lowerSecondaryStickyFold sticky z-10 flex items-center justify-between flex-1 pl-4 border-b"
class="bg-primary border-b border-dividerLight flex flex-1 top-lowerSecondaryStickyFold pl-4 z-10 sticky items-center justify-between"
>
<label class="text-secondaryLight font-semibold">
<label class="font-semibold text-secondaryLight">
{{ $t("response.body") }}
</label>
<div class="flex">
@@ -18,7 +18,7 @@
</div>
</div>
<img
class="border-dividerLight flex flex-1 max-w-full border-b"
class="border-b border-dividerLight flex max-w-full flex-1"
:src="imageSource"
loading="lazy"
:alt="imageSource"

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

@@ -1,9 +1,9 @@
<template>
<div>
<div
class="bg-primary border-dividerLight top-lowerSecondaryStickyFold sticky z-10 flex items-center justify-between flex-1 pl-4 border-b"
class="bg-primary border-b border-dividerLight flex flex-1 top-lowerSecondaryStickyFold pl-4 z-10 sticky items-center justify-between"
>
<label class="text-secondaryLight font-semibold">{{
<label class="font-semibold text-secondaryLight">{{
t("response.body")
}}</label>
<div class="flex">
@@ -36,7 +36,7 @@
<div ref="jsonResponse"></div>
<div
v-if="outlinePath"
class="bg-primaryLight border-dividerLight flex-nowrap hide-scrollbar sticky bottom-0 z-10 flex flex-1 px-2 overflow-auto border-t"
class="bg-primaryLight border-t border-dividerLight flex flex-nowrap flex-1 px-2 bottom-0 z-10 sticky overflow-auto hide-scrollbar"
>
<div
v-for="(item, index) in outlinePath"
@@ -115,7 +115,7 @@
</tippy>
<i
v-if="index + 1 !== outlinePath.length"
class="text-secondaryLight material-icons opacity-50"
class="text-secondaryLight opacity-50 material-icons"
>chevron_right</i
>
</div>

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

@@ -1,9 +1,9 @@
<template>
<div>
<div
class="bg-primary border-dividerLight top-lowerSecondaryStickyFold sticky z-10 flex items-center justify-between flex-1 pl-4 border-b"
class="bg-primary border-b border-dividerLight flex flex-1 top-lowerSecondaryStickyFold pl-4 z-10 sticky items-center justify-between"
>
<label class="text-secondaryLight font-semibold">
<label class="font-semibold text-secondaryLight">
{{ t("response.body") }}
</label>
<div class="flex">

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

@@ -1,9 +1,9 @@
<template>
<div>
<div
class="bg-primary border-dividerLight top-lowerSecondaryStickyFold sticky z-10 flex items-center justify-between flex-1 pl-4 border-b"
class="bg-primary border-b border-dividerLight flex flex-1 top-lowerSecondaryStickyFold pl-4 z-10 sticky items-center justify-between"
>
<label class="text-secondaryLight font-semibold">
<label class="font-semibold text-secondaryLight">
{{ t("response.body") }}
</label>
<div class="flex">