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

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>