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

refactor: lint + minor ui fixes

Browse Source
This commit is contained in:
liyasthomas
2021-11-27 19:59:28 +05:30
parent da8c446ad7
commit 0bf856291c
68 changed files with 363 additions and 1691 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
packages/hoppscotch-app/components/collections/teams/Collection.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="flex flex-col">
<div class="flex items-center group">
<div class="group flex items-center">
<span
class="flex items-center justify-center px-4 cursor-pointer"
@click="toggleShowChildren()"
@@ -12,16 +12,7 @@
/>
</span>
<span
class="
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
cursor-pointer
"
class="group-hover:text-secondaryDark flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer"
@click="toggleShowChildren()"
>
<span class="truncate"> {{ collection.title }} </span>
@@ -48,7 +39,7 @@
v-tippy="{ theme: 'tooltip' }"
svg="folder-plus"
:title="$t('folder.new')"
class="hidden group-hover:inline-flex"
class="group-hover:inline-flex hidden"
@click.native="
$emit('add-folder', {
folder: collection,
@@ -115,16 +106,7 @@
</div>
<div v-if="showChildren || isFiltered" class="flex">
<div
class="
flex
w-1
transform
transition
cursor-nsResize
ml-5.5
bg-dividerLight
hover:scale-x-125 hover:bg-dividerDark
"
class="flex w-1 transform transition cursor-nsResize ml-5.5 bg-dividerLight hover:scale-x-125 hover:bg-dividerDark"
@click="toggleShowChildren()"
></div>
<div class="flex flex-col flex-1 truncate">
@@ -170,27 +152,12 @@
(collection.requests == undefined ||
collection.requests.length === 0)
"
class="
flex
text-secondaryLight
flex-col
items-center
justify-center
p-4
"
class="text-secondaryLight flex flex-col items-center justify-center p-4"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="
object-contain
inline-flex
flex-col
object-center
w-16
h-16
mb-4
"
class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
:alt="$t('empty.collection')"
/>
<span class="text-center">

45
packages/hoppscotch-app/components/collections/teams/Folder.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="flex flex-col">
<div class="flex items-center group">
<div class="group flex items-center">
<span
class="flex items-center justify-center px-4 cursor-pointer"
@click="toggleShowChildren()"
@@ -12,16 +12,7 @@
/>
</span>
<span
class="
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
cursor-pointer
"
class="group-hover:text-secondaryDark flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer"
@click="toggleShowChildren()"
>
<span class="truncate">
@@ -34,7 +25,7 @@
v-tippy="{ theme: 'tooltip' }"
svg="folder-plus"
:title="$t('folder.new')"
class="hidden group-hover:inline-flex"
class="group-hover:inline-flex hidden"
@click.native="$emit('add-folder', { folder, path: folderPath })"
/>
<span>
@@ -98,16 +89,7 @@
</div>
<div v-if="showChildren || isFiltered" class="flex">
<div
class="
flex
w-1
transform
transition
cursor-nsResize
ml-5.5
bg-dividerLight
hover:scale-x-125 hover:bg-dividerDark
"
class="flex w-1 transform transition cursor-nsResize ml-5.5 bg-dividerLight hover:scale-x-125 hover:bg-dividerDark"
@click="toggleShowChildren()"
></div>
<div class="flex flex-col flex-1 truncate">
@@ -151,27 +133,12 @@
(folder.children == undefined || folder.children.length === 0) &&
(folder.requests == undefined || folder.requests.length === 0)
"
class="
flex
text-secondaryLight
flex-col
items-center
justify-center
p-4
"
class="text-secondaryLight flex flex-col items-center justify-center p-4"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="
object-contain
inline-flex
flex-col
object-center
w-16
h-16
mb-4
"
class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
:alt="$t('empty.folder')"
/>
<span class="text-center">

26
packages/hoppscotch-app/components/collections/teams/Request.vue
View File

@@ -1,16 +1,8 @@
<template>
<div class="flex flex-col">
<div class="flex items-center group">
<div class="group flex items-center">
<span
class="
flex
items-center
justify-center
w-16
px-2
truncate
cursor-pointer
"
class="flex items-center justify-center w-16 px-2 truncate cursor-pointer"
:class="getRequestLabelColor(request.method)"
@click="!doc ? selectRequest() : {}"
>
@@ -25,17 +17,7 @@
</span>
</span>
<span
class="
group-hover:text-secondaryDark
flex
items-center
flex-1
min-w-0
py-2
pr-2
transition
cursor-pointer
"
class="group-hover:text-secondaryDark flex items-center flex-1 min-w-0 py-2 pr-2 transition cursor-pointer"
@click="!doc ? selectRequest() : {}"
>
<span class="truncate"> {{ request.name }} </span>
@@ -54,7 +36,7 @@
v-tippy="{ theme: 'tooltip' }"
svg="rotate-ccw"
:title="$t('action.restore')"
class="hidden group-hover:inline-flex"
class="group-hover:inline-flex hidden"
@click.native="!doc ? selectRequest() : {}"
/>
<span>