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/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/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>

2
components/collections/ChooseType.vue
View File

@@ -22,7 +22,7 @@
<select
id="team"
type="text"
class="team"
class="team select"
autofocus
@change="updateSelectedTeam(myTeams[$event.target.value])"
>

9
components/collections/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="placeholderCollName"
@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/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"
@keyup.enter="editFolder"
/>
@@ -23,10 +24,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/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="placeholderReqName"
@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>

28
components/collections/ImportExport.vue
View File

@@ -2,12 +2,14 @@
<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>
<button
v-if="mode != 'import_export'"
v-tooltip.left="'Back'"
class="tooltip-target icon"
class="tooltip-target icon button"
@click="mode = 'import_export'"
>
<i class="material-icons">arrow_back</i>
@@ -18,14 +20,17 @@
collectionsType.type == 'my-collections'
"
>
<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>
@@ -50,7 +55,7 @@
? true
: false
"
class="icon"
class="icon button"
@click="createCollectionGist"
>
<i class="material-icons">assignment_turned_in</i>
@@ -59,7 +64,7 @@
</div>
</template>
</v-popover>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -69,13 +74,14 @@
<div v-if="mode == 'import_export'" 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"
@@ -84,13 +90,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"
@@ -100,7 +107,7 @@
<button
v-if="collectionsType.type == 'team-collections'"
v-tooltip="$t('preserve_current')"
class="icon"
class="icon button"
@click="mode = 'import_from_my_collections'"
>
<i class="material-icons">folder_shared</i>
@@ -108,7 +115,7 @@
</button>
<button
v-tooltip="$t('download_file')"
class="icon"
class="icon button"
@click="exportJSON"
>
<i class="material-icons">drive_file_move</i>
@@ -121,6 +128,7 @@
<span class="select-wrapper">
<select
type="text"
class="select"
autofocus
@change="
($event) => {

11
components/collections/SaveRequest.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("save_request_as") }}</h3>
<h3 class="heading">{{ $t("save_request_as") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -15,11 +15,12 @@
<input
id="selectLabel"
v-model="requestData.name"
class="input"
type="text"
@keyup.enter="saveRequestAs"
/>
<label for="selectLabel">Select location</label>
<!-- <input readonly :value="path" /> -->
<!-- <input class="input" readonly :value="path" /> -->
<CollectionsGraphql
v-if="mode === 'graphql'"
@@ -43,10 +44,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="saveRequestAs">
<button class="icon button primary" @click="saveRequestAs">
{{ $t("save") }}
</button>
</span>

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") }}

8
components/collections/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>
<CollectionsChooseType
@@ -59,7 +59,7 @@
(collectionsType.selectedTeam == undefined ||
collectionsType.selectedTeam.myRole == 'VIEWER')
"
class="icon"
class="icon button"
disabled
@click="displayModalAdd(true)"
>
@@ -68,7 +68,7 @@
<span>{{ $t("new") }}</span>
</div>
</button>
<button v-else class="icon" @click="displayModalAdd(true)">
<button v-else class="icon button" @click="displayModalAdd(true)">
<i class="material-icons">add</i>
<span>{{ $t("new") }}</span>
</button>
@@ -78,7 +78,7 @@
collectionsType.type == 'team-collections' &&
collectionsType.selectedTeam == undefined
"
class="icon"
class="icon button"
@click="displayModalImportExport(true)"
>
{{ $t("import_export") }}

17
components/collections/my/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,7 +31,7 @@
<button
v-if="doc && !selected"
v-tooltip.left="$t('import')"
class="icon"
class="icon button"
@click="$emit('select-collection')"
>
<i class="material-icons">check_box_outline_blank</i>
@@ -39,20 +39,23 @@
<button
v-if="doc && selected"
v-tooltip.left="$t('delete')"
class="icon"
class="icon button"
@click="$emit('unselect-collection')"
>
<i class="material-icons">check_box</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', {
folder: collection,
@@ -67,7 +70,7 @@
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="$emit('edit-collection')"
>
<i class="material-icons">create</i>
@@ -77,7 +80,7 @@
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="confirmRemove = true"
>
<i class="material-icons">delete</i>

14
components/collections/my/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
>
@@ -28,14 +28,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>
@@ -45,7 +45,7 @@
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="
$emit('edit-folder', {
folder,
@@ -60,7 +60,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>

12
components/collections/my/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"
@@ -28,14 +28,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', {
collectionIndex,
@@ -52,7 +52,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>

14
components/collections/teams/Collection.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<div class="transition duration-150 ease-in-out row-wrapper">
<button class="icon" @click="toggleShowChildren">
<button class="icon button" @click="toggleShowChildren">
<i v-show="!showChildren && !isFiltered" class="material-icons"
>arrow_right</i
>
@@ -20,7 +20,7 @@
<button
v-if="doc && !selected"
v-tooltip.left="$t('import')"
class="icon"
class="icon button"
@click="$emit('select-collection')"
>
<i class="material-icons">check_box_outline_blank</i>
@@ -28,7 +28,7 @@
<button
v-if="doc && selected"
v-tooltip.left="$t('delete')"
class="icon"
class="icon button"
@click="$emit('unselect-collection')"
>
<i class="material-icons">check_box</i>
@@ -37,7 +37,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-tooltip.left="$t('more')"
class="tooltip-target icon"
class="tooltip-target icon button"
>
<i class="material-icons">more_vert</i>
</button>
@@ -46,7 +46,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-close-popover
class="icon"
class="icon button"
@click="
$emit('add-folder', {
folder: collection,
@@ -62,7 +62,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-close-popover
class="icon"
class="icon button"
@click="$emit('edit-collection')"
>
<i class="material-icons">create</i>
@@ -73,7 +73,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-close-popover
class="icon"
class="icon button"
@click="confirmRemove = true"
>
<i class="material-icons">delete</i>

10
components/collections/teams/Folder.vue
View File

@@ -2,7 +2,7 @@
<div>
<div class="transition duration-150 ease-in-out row-wrapper">
<div>
<button class="icon" @click="toggleShowChildren">
<button class="icon button" @click="toggleShowChildren">
<i v-show="!showChildren && !isFiltered" class="material-icons"
>arrow_right</i
>
@@ -22,7 +22,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-tooltip.left="$t('more')"
class="tooltip-target icon"
class="tooltip-target icon button"
>
<i class="material-icons">more_vert</i>
</button>
@@ -31,7 +31,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-close-popover
class="icon"
class="icon button"
@click="$emit('add-folder', { folder, path: folderPath })"
>
<i class="material-icons">create_new_folder</i>
@@ -42,7 +42,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-close-popover
class="icon"
class="icon button"
@click="
$emit('edit-folder', {
folder,
@@ -60,7 +60,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-close-popover
class="icon"
class="icon button"
@click="confirmRemove = true"
>
<i class="material-icons">delete</i>

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

@@ -4,7 +4,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"
@@ -21,7 +21,7 @@
<button
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
v-tooltip="$t('more')"
class="tooltip-target icon"
class="tooltip-target icon button"
>
<i class="material-icons">more_vert</i>
</button>
@@ -29,7 +29,7 @@
<div>
<button
v-close-popover
class="icon"
class="icon button"
@click="
$emit('edit-request', {
collectionIndex,
@@ -45,7 +45,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>