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-11-23 08:47:09 +05:30
parent 4c5ca1b31d
commit fdf12a24ed
89 changed files with 1025 additions and 860 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/hoppscotch-app/components/collections/ChooseType.vue
View File

@@ -19,16 +19,17 @@
autocomplete="off"
autofocus
class="
bg-transparent
border-t border-dividerLight
cursor-pointer
flex
font-semibold
w-full
py-2
px-4
appearance-none
border-dividerLight
hover:bg-primaryDark
flex
w-full
px-4
py-2
font-semibold
bg-transparent
border-t
appearance-none
cursor-pointer
"
@change="updateSelectedTeam(myTeams[$event.target.value])"
>

2
packages/hoppscotch-app/components/collections/SaveRequest.vue
View File

@@ -6,7 +6,7 @@
>
<template #body>
<div class="flex flex-col px-2">
<div class="flex relative">
<div class="relative flex">
<input
id="selectLabelSaveReq"
v-model="requestName"

25
packages/hoppscotch-app/components/collections/graphql/Collection.vue
View File

@@ -10,7 +10,7 @@
@dragend="dragging = false"
>
<span
class="cursor-pointer flex px-4 justify-center items-center"
class="flex items-center justify-center px-4 cursor-pointer"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -21,13 +21,14 @@
</span>
<span
class="
cursor-pointer
flex flex-1
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
group-hover:text-secondaryDark
cursor-pointer
"
@click="toggleShowChildren()"
>
@@ -150,23 +151,25 @@
collection.folders.length === 0 && collection.requests.length === 0
"
class="
flex flex-col
flex
text-secondaryLight
p-4
flex-col
items-center
justify-center
p-4
"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="
flex-col
mb-4
object-contain object-center
h-16
w-16
object-contain
inline-flex
flex-col
object-center
w-16
h-16
mb-4
"
:alt="$t('empty.collection')"
/>

25
packages/hoppscotch-app/components/collections/graphql/Folder.vue
View File

@@ -10,7 +10,7 @@
@dragend="dragging = false"
>
<span
class="cursor-pointer flex px-4 justify-center items-center"
class="flex items-center justify-center px-4 cursor-pointer"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -21,13 +21,14 @@
</span>
<span
class="
cursor-pointer
flex flex-1
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
group-hover:text-secondaryDark
cursor-pointer
"
@click="toggleShowChildren()"
>
@@ -149,23 +150,25 @@
folder.requests.length === 0
"
class="
flex flex-col
flex
text-secondaryLight
p-4
flex-col
items-center
justify-center
p-4
"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="
flex-col
mb-4
object-contain object-center
h-16
w-16
object-contain
inline-flex
flex-col
object-center
w-16
h-16
mb-4
"
:alt="$t('empty.folder')"
/>

15
packages/hoppscotch-app/components/collections/graphql/Request.vue
View File

@@ -10,13 +10,13 @@
>
<span
class="
cursor-pointer
flex
px-2
w-16
justify-center
items-center
justify-center
w-16
px-2
truncate
cursor-pointer
"
@click="!doc ? selectRequest() : {}"
>
@@ -28,13 +28,14 @@
</span>
<span
class="
cursor-pointer
flex flex-1
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
group-hover:text-secondaryDark
cursor-pointer
"
@click="!doc ? selectRequest() : {}"
>

25
packages/hoppscotch-app/components/collections/graphql/index.vue
View File

@@ -5,12 +5,15 @@
>
<div
class="
divide-y divide-dividerLight
border-b border-dividerLight
flex flex-col
flex
divide-dividerLight
border-dividerLight
sticky
top-0
z-10
sticky
flex-col
border-b
divide-y
"
:class="{ 'bg-primary': !savingMode }"
>
@@ -20,9 +23,9 @@
type="search"
autocomplete="off"
:placeholder="$t('action.search')"
class="bg-transparent flex w-full py-2 px-4"
class="flex w-full px-4 py-2 bg-transparent"
/>
<div class="flex flex-1 justify-between">
<div class="flex justify-between flex-1">
<ButtonSecondary
svg="plus"
:label="$t('action.new')"
@@ -69,15 +72,15 @@
</div>
<div
v-if="collections.length === 0"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
class="flex flex-col items-center justify-center p-4 text-secondaryLight"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
class="inline-flex flex-col object-contain object-center w-16 h-16 my-4"
:alt="$t('empty.collections')"
/>
<span class="text-center pb-4">
<span class="pb-4 text-center">
{{ $t("empty.collections") }}
</span>
<ButtonSecondary
@@ -88,9 +91,9 @@
</div>
<div
v-if="!(filteredCollections.length !== 0 || collections.length === 0)"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
class="flex flex-col items-center justify-center p-4 text-secondaryLight"
>
<i class="opacity-75 pb-2 material-icons">manage_search</i>
<i class="pb-2 opacity-75 material-icons">manage_search</i>
<span class="text-center">
{{ $t("state.nothing_found") }} "{{ filterText }}"
</span>

27
packages/hoppscotch-app/components/collections/index.vue
View File

@@ -5,14 +5,17 @@
>
<div
class="
divide-y divide-dividerLight
flex
divide-dividerLight
bg-primary
border-b border-dividerLight
rounded-t
flex flex-col
border-dividerLight
sticky
top-0
z-10
sticky
flex-col
border-b
divide-y
rounded-t
"
>
<div v-if="!saveRequest" class="search-wrappe">
@@ -21,7 +24,7 @@
type="search"
autocomplete="off"
:placeholder="$t('action.search')"
class="bg-transparent flex w-full py-2 pr-2 pl-4"
class="flex w-full py-2 pl-4 pr-2 bg-transparent"
/>
</div>
<CollectionsChooseType
@@ -31,7 +34,7 @@
@update-collection-type="updateCollectionType"
@update-selected-team="updateSelectedTeam"
/>
<div class="flex flex-1 justify-between">
<div class="flex justify-between flex-1">
<ButtonSecondary
v-if="
collectionsType.type == 'team-collections' &&
@@ -107,15 +110,15 @@
</div>
<div
v-if="filteredCollections.length === 0 && filterText.length === 0"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
class="flex flex-col items-center justify-center p-4 text-secondaryLight"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
class="inline-flex flex-col object-contain object-center w-16 h-16 my-4"
:alt="$t('empty.collections')"
/>
<span class="text-center pb-4">
<span class="pb-4 text-center">
{{ $t("empty.collections") }}
</span>
<ButtonSecondary
@@ -140,9 +143,9 @@
</div>
<div
v-if="filterText.length !== 0 && filteredCollections.length === 0"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
class="flex flex-col items-center justify-center p-4 text-secondaryLight"
>
<i class="opacity-75 pb-2 material-icons">manage_search</i>
<i class="pb-2 opacity-75 material-icons">manage_search</i>
<span class="text-center">
{{ $t("state.nothing_found") }} "{{ filterText }}"
</span>

25
packages/hoppscotch-app/components/collections/my/Collection.vue
View File

@@ -10,7 +10,7 @@
@dragend="dragging = false"
>
<span
class="cursor-pointer flex px-4 justify-center items-center"
class="flex items-center justify-center px-4 cursor-pointer"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -21,13 +21,14 @@
</span>
<span
class="
cursor-pointer
flex flex-1
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
group-hover:text-secondaryDark
cursor-pointer
"
@click="toggleShowChildren()"
>
@@ -176,23 +177,25 @@
collection.requests.length === 0)
"
class="
flex flex-col
flex
text-secondaryLight
p-4
flex-col
items-center
justify-center
p-4
"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="
flex-col
mb-4
object-contain object-center
h-16
w-16
object-contain
inline-flex
flex-col
object-center
w-16
h-16
mb-4
"
:alt="$t('empty.collection')"
/>

25
packages/hoppscotch-app/components/collections/my/Folder.vue
View File

@@ -10,7 +10,7 @@
@dragend="dragging = false"
>
<span
class="cursor-pointer flex px-4 justify-center items-center"
class="flex items-center justify-center px-4 cursor-pointer"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -21,13 +21,14 @@
</span>
<span
class="
cursor-pointer
flex flex-1
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
group-hover:text-secondaryDark
cursor-pointer
"
@click="toggleShowChildren()"
>
@@ -158,23 +159,25 @@
folder.requests.length === 0
"
class="
flex flex-col
flex
text-secondaryLight
p-4
flex-col
items-center
justify-center
p-4
"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="
flex-col
mb-4
object-contain object-center
h-16
w-16
object-contain
inline-flex
flex-col
object-center
w-16
h-16
mb-4
"
:alt="$t('empty.folder')"
/>

17
packages/hoppscotch-app/components/collections/my/Request.vue
View File

@@ -10,13 +10,13 @@
>
<span
class="
cursor-pointer
flex
px-2
w-16
justify-center
items-center
justify-center
w-16
px-2
truncate
cursor-pointer
"
:class="getRequestLabelColor(request.method)"
@click="!doc ? selectRequest() : {}"
@@ -33,14 +33,15 @@
</span>
<span
class="
cursor-pointer
flex flex-1
group-hover:text-secondaryDark
flex
items-center
flex-1
min-w-0
py-2
pr-2
transition
items-center
group-hover:text-secondaryDark
cursor-pointer
"
@click="!doc ? selectRequest() : {}"
>

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

@@ -2,7 +2,7 @@
<div class="flex flex-col">
<div class="flex items-center group">
<span
class="cursor-pointer flex px-4 justify-center items-center"
class="flex items-center justify-center px-4 cursor-pointer"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -13,13 +13,14 @@
</span>
<span
class="
cursor-pointer
flex flex-1
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
group-hover:text-secondaryDark
cursor-pointer
"
@click="toggleShowChildren()"
>
@@ -170,23 +171,25 @@
collection.requests.length === 0)
"
class="
flex flex-col
flex
text-secondaryLight
p-4
flex-col
items-center
justify-center
p-4
"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="
flex-col
mb-4
object-contain object-center
h-16
w-16
object-contain
inline-flex
flex-col
object-center
w-16
h-16
mb-4
"
:alt="$t('empty.collection')"
/>

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

@@ -2,7 +2,7 @@
<div class="flex flex-col">
<div class="flex items-center group">
<span
class="cursor-pointer flex px-4 justify-center items-center"
class="flex items-center justify-center px-4 cursor-pointer"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -13,13 +13,14 @@
</span>
<span
class="
cursor-pointer
flex flex-1
flex
group-hover:text-secondaryDark
flex-1
min-w-0
py-2
pr-2
transition
group-hover:text-secondaryDark
cursor-pointer
"
@click="toggleShowChildren()"
>
@@ -151,23 +152,25 @@
(folder.requests == undefined || folder.requests.length === 0)
"
class="
flex flex-col
flex
text-secondaryLight
p-4
flex-col
items-center
justify-center
p-4
"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="
flex-col
mb-4
object-contain object-center
h-16
w-16
object-contain
inline-flex
flex-col
object-center
w-16
h-16
mb-4
"
:alt="$t('empty.folder')"
/>

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

@@ -3,13 +3,13 @@
<div class="flex items-center group">
<span
class="
cursor-pointer
flex
px-2
w-16
justify-center
items-center
justify-center
w-16
px-2
truncate
cursor-pointer
"
:class="getRequestLabelColor(request.method)"
@click="!doc ? selectRequest() : {}"
@@ -26,14 +26,15 @@
</span>
<span
class="
cursor-pointer
flex flex-1
group-hover:text-secondaryDark
flex
items-center
flex-1
min-w-0
py-2
pr-2
transition
items-center
group-hover:text-secondaryDark
cursor-pointer
"
@click="!doc ? selectRequest() : {}"
>