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/collections/graphql/Collection.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div
class="group flex items-center"
class="flex items-center group"
@dragover.prevent
@drop.prevent="dropEvent"
@dragover="dragging = true"
@@ -10,7 +10,7 @@
@dragend="dragging = false"
>
<span
class="flex items-center justify-center px-4 cursor-pointer"
class="cursor-pointer flex px-4 items-center justify-center"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -20,7 +20,7 @@
/>
</span>
<span
class="group-hover:text-secondaryDark flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer"
class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
@click="toggleShowChildren()"
>
<span class="truncate"> {{ collection.name }} </span>
@@ -30,7 +30,7 @@
v-tippy="{ theme: 'tooltip' }"
svg="folder-plus"
:title="$t('folder.new')"
class="group-hover:inline-flex hidden"
class="hidden group-hover:inline-flex"
@click.native="
$emit('add-folder', {
path: `${collectionIndex}`,
@@ -91,7 +91,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="bg-dividerLight cursor-nsResize flex ml-5.5 transform transition w-1 hover:bg-dividerDark hover:scale-x-125"
@click="toggleShowChildren()"
></div>
<div class="flex flex-col flex-1 truncate">
@@ -132,12 +132,12 @@
v-if="
collection.folders.length === 0 && collection.requests.length === 0
"
class="text-secondaryLight flex flex-col items-center justify-center p-4"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
class="flex-col object-contain object-center h-16 mb-4 w-16 inline-flex"
:alt="$t('empty.collection')"
/>
<span class="text-center">

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

@@ -1,7 +1,7 @@
<template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div
class="group flex items-center"
class="flex items-center group"
@dragover.prevent
@drop.prevent="dropEvent"
@dragover="dragging = true"
@@ -10,7 +10,7 @@
@dragend="dragging = false"
>
<span
class="flex items-center justify-center px-4 cursor-pointer"
class="cursor-pointer flex px-4 items-center justify-center"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -20,7 +20,7 @@
/>
</span>
<span
class="group-hover:text-secondaryDark flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer"
class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
@click="toggleShowChildren()"
>
<span class="truncate">
@@ -32,7 +32,7 @@
v-tippy="{ theme: 'tooltip' }"
svg="folder-plus"
:title="$t('folder.new')"
class="group-hover:inline-flex hidden"
class="hidden group-hover:inline-flex"
@click.native="$emit('add-folder', { folder, path: folderPath })"
/>
<span>
@@ -87,7 +87,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="bg-dividerLight cursor-nsResize flex ml-5.5 transform transition w-1 hover:bg-dividerDark hover:scale-x-125"
@click="toggleShowChildren()"
></div>
<div class="flex flex-col flex-1 truncate">
@@ -131,12 +131,12 @@
folder.requests &&
folder.requests.length === 0
"
class="text-secondaryLight flex flex-col items-center justify-center p-4"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
>
<img
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
class="flex-col object-contain object-center h-16 mb-4 w-16 inline-flex"
:alt="$t('empty.folder')"
/>
<span class="text-center">

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

@@ -1,7 +1,7 @@
<template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div
class="group flex items-center"
class="flex items-center group"
draggable="true"
@dragstart="dragStart"
@dragover.stop
@@ -9,7 +9,7 @@
@dragend="dragging = false"
>
<span
class="flex items-center justify-center w-16 px-2 truncate cursor-pointer"
class="cursor-pointer flex px-2 w-16 items-center justify-center truncate"
@click="!doc ? selectRequest() : {}"
>
<SmartIcon
@@ -19,7 +19,7 @@
/>
</span>
<span
class="group-hover:text-secondaryDark flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer"
class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
@click="!doc ? selectRequest() : {}"
>
<span class="truncate"> {{ request.name }} </span>
@@ -30,7 +30,7 @@
v-tippy="{ theme: 'tooltip' }"
svg="rotate-ccw"
:title="$t('action.restore')"
class="group-hover:inline-flex hidden"
class="hidden group-hover:inline-flex"
@click.native="!doc ? selectRequest() : {}"
/>
<span>

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

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