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

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

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

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="relative flex">
<div class="flex relative">
<input
id="selectLabelSaveReq"
v-model="requestName"

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>

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

@@ -4,7 +4,7 @@
:class="{ 'rounded border border-divider': saveRequest }"
>
<div
class="divide-dividerLight bg-primary border-dividerLight sticky top-0 z-10 flex flex-col border-b divide-y rounded-t"
class="divide-dividerLight divide-y bg-primary border-b border-dividerLight rounded-t flex flex-col top-0 z-10 sticky"
>
<div v-if="!saveRequest" class="search-wrappe">
<input
@@ -12,7 +12,7 @@
type="search"
autocomplete="off"
:placeholder="$t('action.search')"
class="flex w-full py-2 pl-4 pr-2 bg-transparent"
class="bg-transparent flex w-full py-2 pr-2 pl-4"
/>
</div>
<CollectionsChooseType
@@ -22,7 +22,7 @@
@update-collection-type="updateCollectionType"
@update-selected-team="updateSelectedTeam"
/>
<div class="flex justify-between flex-1">
<div class="flex flex-1 justify-between">
<ButtonSecondary
v-if="
collectionsType.type == 'team-collections' &&
@@ -98,15 +98,15 @@
</div>
<div
v-if="filteredCollections.length === 0 && filterText.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
@@ -131,9 +131,9 @@
</div>
<div
v-if="filterText.length !== 0 && filteredCollections.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>

14
packages/hoppscotch-app/components/collections/my/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>
@@ -47,7 +47,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: collection,
@@ -110,7 +110,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">
@@ -158,12 +158,12 @@
(collection.requests == undefined ||
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/my/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>
@@ -92,7 +92,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">
@@ -140,12 +140,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/my/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"
:class="getRequestLabelColor(request.method)"
@click="!doc ? selectRequest() : {}"
>
@@ -24,7 +24,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="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition items-center group-hover:text-secondaryDark"
@click="!doc ? selectRequest() : {}"
>
<span class="truncate"> {{ request.name }} </span>
@@ -44,7 +44,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>

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

@@ -1,8 +1,8 @@
<template>
<div class="flex flex-col">
<div class="group flex items-center">
<div class="flex items-center group">
<span
class="flex items-center justify-center px-4 cursor-pointer"
class="cursor-pointer flex px-4 items-center justify-center"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -12,7 +12,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.title }} </span>
@@ -39,7 +39,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: collection,
@@ -106,7 +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="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">
@@ -152,12 +152,12 @@
(collection.requests == undefined ||
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/teams/Folder.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="flex flex-col">
<div class="group flex items-center">
<div class="flex items-center group">
<span
class="flex items-center justify-center px-4 cursor-pointer"
class="cursor-pointer flex px-4 items-center justify-center"
@click="toggleShowChildren()"
>
<SmartIcon
@@ -12,7 +12,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">
@@ -25,7 +25,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>
@@ -89,7 +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="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">
@@ -133,12 +133,12 @@
(folder.children == undefined || folder.children.length === 0) &&
(folder.requests == undefined || 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/teams/Request.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="flex flex-col">
<div class="group flex items-center">
<div class="flex items-center group">
<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"
:class="getRequestLabelColor(request.method)"
@click="!doc ? selectRequest() : {}"
>
@@ -17,7 +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="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition items-center group-hover:text-secondaryDark"
@click="!doc ? selectRequest() : {}"
>
<span class="truncate"> {{ request.name }} </span>
@@ -36,7 +36,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>