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

feat: remove tailwindcss + introduce windicss

Browse Source
This commit is contained in:
Liyas Thomas
2021-06-25 23:44:27 +00:00
committed by GitHub
parent 3e5629e738
commit 6d33132705
84 changed files with 1560 additions and 40544 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/collections/graphql/Add.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("new_collection") }}</h3>
<h3 class="heading">{{ $t("new_collection") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -15,6 +15,7 @@
<input
id="selectLabel"
v-model="name"
class="input"
type="text"
:placeholder="$t('my_new_collection')"
@keyup.enter="addNewCollection"
@@ -24,10 +25,10 @@
<div class="row-wrapper">
<span></span>
<span>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon primary" @click="addNewCollection">
<button class="icon button primary" @click="addNewCollection">
{{ $t("save") }}
</button>
</span>

9
components/collections/graphql/AddFolder.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="$emit('hide-modal')">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("new_folder") }}</h3>
<h3 class="heading">{{ $t("new_folder") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -15,6 +15,7 @@
<input
id="selectLabel"
v-model="name"
class="input"
type="text"
:placeholder="$t('my_new_folder')"
@keyup.enter="addFolder"
@@ -24,10 +25,10 @@
<div class="row-wrapper">
<span></span>
<span>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon primary" @click="addFolder">
<button class="icon button primary" @click="addFolder">
{{ $t("save") }}
</button>
</span>

15
components/collections/graphql/Collection.vue
View File

@@ -12,7 +12,7 @@
@dragleave="dragging = false"
@dragend="dragging = false"
>
<button class="icon" @click="toggleShowChildren">
<button class="icon button" @click="toggleShowChildren">
<i v-show="!showChildren && !isFiltered" class="material-icons"
>arrow_right</i
>
@@ -31,20 +31,23 @@
<button
v-if="doc"
v-tooltip.left="$t('import')"
class="icon"
class="icon button"
@click="$emit('select-collection')"
>
<i class="material-icons">topic</i>
</button>
<v-popover>
<button v-tooltip.left="$t('more')" class="tooltip-target icon">
<button
v-tooltip.left="$t('more')"
class="tooltip-target icon button"
>
<i class="material-icons">more_vert</i>
</button>
<template slot="popover">
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="
$emit('add-folder', {
path: `${collectionIndex}`,
@@ -58,7 +61,7 @@
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="$emit('edit-collection')"
>
<i class="material-icons">create</i>
@@ -68,7 +71,7 @@
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="confirmRemove = true"
>
<i class="material-icons">delete</i>

9
components/collections/graphql/Edit.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("edit_collection") }}</h3>
<h3 class="heading">{{ $t("edit_collection") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -15,6 +15,7 @@
<input
id="selectLabel"
v-model="name"
class="input"
type="text"
:placeholder="editingCollection.name"
@keyup.enter="saveCollection"
@@ -24,10 +25,10 @@
<div class="row-wrapper">
<span></span>
<span>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon primary" @click="saveCollection">
<button class="icon button primary" @click="saveCollection">
{{ $t("save") }}
</button>
</span>

9
components/collections/graphql/EditFolder.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="$emit('hide-modal')">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("edit_folder") }}</h3>
<h3 class="heading">{{ $t("edit_folder") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -15,6 +15,7 @@
<input
id="selectLabel"
v-model="name"
class="input"
type="text"
:placeholder="folder.name"
@keyup.enter="editFolder"
@@ -24,10 +25,10 @@
<div class="row-wrapper">
<span></span>
<span>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon primary" @click="editFolder">
<button class="icon button primary" @click="editFolder">
{{ $t("save") }}
</button>
</span>

9
components/collections/graphql/EditRequest.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("edit_request") }}</h3>
<h3 class="heading">{{ $t("edit_request") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -15,6 +15,7 @@
<input
id="selectLabel"
v-model="requestUpdateData.name"
class="input"
type="text"
:placeholder="request.name"
@keyup.enter="saveRequest"
@@ -24,10 +25,10 @@
<div class="row-wrapper">
<span></span>
<span>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon primary" @click="saveRequest">
<button class="icon button primary" @click="saveRequest">
{{ $t("save") }}
</button>
</span>

14
components/collections/graphql/Folder.vue
View File

@@ -13,7 +13,7 @@
@dragend="dragging = false"
>
<div>
<button class="icon" @click="toggleShowChildren">
<button class="icon button" @click="toggleShowChildren">
<i v-show="!showChildren && !isFiltered" class="material-icons"
>arrow_right</i
>
@@ -29,14 +29,14 @@
</button>
</div>
<v-popover>
<button v-tooltip.left="$t('more')" class="tooltip-target icon">
<button v-tooltip.left="$t('more')" class="tooltip-target icon button">
<i class="material-icons">more_vert</i>
</button>
<template slot="popover">
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="$emit('add-folder', { folder, path: folderPath })"
>
<i class="material-icons">create_new_folder</i>
@@ -46,7 +46,7 @@
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="$emit('edit-folder', { folder, folderPath })"
>
<i class="material-icons">edit</i>
@@ -54,7 +54,11 @@
</button>
</div>
<div>
<button v-close-popover class="icon" @click="confirmRemove = true">
<button
v-close-popover
class="icon button"
@click="confirmRemove = true"
>
<i class="material-icons">delete</i>
<span>{{ $t("delete") }}</span>
</button>

23
components/collections/graphql/ImportExport.vue
View File

@@ -2,17 +2,22 @@
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("import_export") }} {{ $t("collections") }}</h3>
<h3 class="heading">
{{ $t("import_export") }} {{ $t("collections") }}
</h3>
<div>
<v-popover>
<button v-tooltip.left="$t('more')" class="tooltip-target icon">
<button
v-tooltip.left="$t('more')"
class="tooltip-target icon button"
>
<i class="material-icons">more_vert</i>
</button>
<template slot="popover">
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="readCollectionGist"
>
<i class="material-icons">assignment_returned</i>
@@ -37,7 +42,7 @@
? true
: false
"
class="icon"
class="icon button"
@click="createCollectionGist"
>
<i class="material-icons">assignment_turned_in</i>
@@ -46,7 +51,7 @@
</div>
</template>
</v-popover>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -56,13 +61,14 @@
<div class="flex flex-col items-start p-2">
<button
v-tooltip="$t('replace_current')"
class="icon"
class="icon button"
@click="openDialogChooseFileToReplaceWith"
>
<i class="material-icons">folder_special</i>
<span>{{ $t("replace_json") }}</span>
<input
ref="inputChooseFileToReplaceWith"
class="input"
type="file"
style="display: none"
accept="application/json"
@@ -71,13 +77,14 @@
</button>
<button
v-tooltip="$t('preserve_current')"
class="icon"
class="icon button"
@click="openDialogChooseFileToImportFrom"
>
<i class="material-icons">create_new_folder</i>
<span>{{ $t("import_json") }}</span>
<input
ref="inputChooseFileToImportFrom"
class="input"
type="file"
style="display: none"
accept="application/json"
@@ -86,7 +93,7 @@
</button>
<button
v-tooltip="$t('download_file')"
class="icon"
class="icon button"
@click="exportJSON"
>
<i class="material-icons">drive_file_move</i>

12
components/collections/graphql/Request.vue
View File

@@ -14,7 +14,7 @@
<div>
<button
v-tooltip="!doc ? $t('use_request') : ''"
class="icon"
class="icon button"
@click="!doc ? selectRequest() : {}"
>
<i v-if="isSelected" class="mx-3 text-green-400 material-icons"
@@ -26,14 +26,14 @@
</button>
</div>
<v-popover>
<button v-tooltip="$t('more')" class="tooltip-target icon">
<button v-tooltip="$t('more')" class="tooltip-target icon button">
<i class="material-icons">more_vert</i>
</button>
<template slot="popover">
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="
$emit('edit-request', {
request,
@@ -47,7 +47,11 @@
</button>
</div>
<div>
<button v-close-popover class="icon" @click="confirmRemove = true">
<button
v-close-popover
class="icon button"
@click="confirmRemove = true"
>
<i class="material-icons">delete</i>
<span>{{ $t("delete") }}</span>
</button>

6
components/collections/graphql/index.vue
View File

@@ -7,7 +7,7 @@
aria-label="Search"
type="search"
:placeholder="$t('search')"
class="rounded-t-lg"
class="input rounded-t-lg"
/>
</div>
<CollectionsGraphqlAdd
@@ -46,13 +46,13 @@
@hide-modal="displayModalImportExport(false)"
/>
<div class="border-b row-wrapper border-divider">
<button class="icon" @click="displayModalAdd(true)">
<button class="icon button" @click="displayModalAdd(true)">
<i class="material-icons">add</i>
<span>{{ $t("new") }}</span>
</button>
<button
v-if="showCollActions"
class="icon"
class="icon button"
@click="displayModalImportExport(true)"
>
{{ $t("import_export") }}