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

refactor(ui): better color names

Browse Source
This commit is contained in:
liyasthomas
2021-06-12 22:16:17 +05:30
parent 58296505a8
commit 2ffd0be03f
55 changed files with 248 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,7 +3,7 @@
<div
:class="[
'row-wrapper transition duration-150 ease-in-out',
{ 'bg-bgDarkColor': dragging },
{ 'bg-primaryDark': dragging },
]"
@dragover.prevent
@drop.prevent="dropEvent"
@@ -84,7 +84,7 @@
<li
v-for="(folder, index) in collection.folders"
:key="folder.name"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsGraphqlFolder
:picked="picked"
@@ -106,7 +106,7 @@
<li
v-for="(request, index) in collection.requests"
:key="index"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsGraphqlRequest
:picked="picked"
@@ -128,7 +128,7 @@
v-if="
collection.folders.length === 0 && collection.requests.length === 0
"
class="flex ml-8 border-l border-brdColor"
class="flex ml-8 border-l border-divider"
>
<p class="info">
<i class="material-icons">not_interested</i>

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

@@ -3,7 +3,7 @@
<div
:class="[
'row-wrapper transition duration-150 ease-in-out',
{ 'bg-bgDarkColor': dragging },
{ 'bg-primaryDark': dragging },
]"
@dragover.prevent
@drop.prevent="dropEvent"
@@ -67,7 +67,7 @@
<li
v-for="(subFolder, subFolderIndex) in folder.folders"
:key="subFolder.name"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsGraphqlFolder
:picked="picked"
@@ -89,7 +89,7 @@
<li
v-for="(request, index) in folder.requests"
:key="index"
class="flex ml-8 border-l border-brdColor"
class="flex ml-8 border-l border-divider"
>
<CollectionsGraphqlRequest
:picked="picked"
@@ -114,7 +114,7 @@
folder.requests.length === 0
"
>
<li class="flex ml-8 border-l border-brdColor">
<li class="flex ml-8 border-l border-divider">
<p class="info">
<i class="material-icons">not_interested</i>
{{ $t("folder_empty") }}

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

@@ -3,7 +3,7 @@
<div
:class="[
'row-wrapper transition duration-150 ease-in-out',
{ 'bg-bgDarkColor': dragging },
{ 'bg-primaryDark': dragging },
]"
draggable="true"
@dragstart="dragStart"

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

@@ -49,7 +49,7 @@
:show="showModalImportExport"
@hide-modal="displayModalImportExport(false)"
/>
<div class="border-b row-wrapper border-brdColor">
<div class="border-b row-wrapper border-divider">
<button
v-if="showCollActions"
class="icon"

2
components/collections/index.vue
View File

@@ -52,7 +52,7 @@
@hide-modal="displayModalImportExport(false)"
@update-team-collections="updateTeamCollections"
/>
<div class="border-b row-wrapper border-brdColor">
<div class="border-b row-wrapper border-divider">
<button
v-if="
collectionsType.type == 'team-collections' &&

8
components/collections/my/Collection.vue
View File

@@ -3,7 +3,7 @@
<div
:class="[
'row-wrapper transition duration-150 ease-in-out',
{ 'bg-bgDarkColor': dragging },
{ 'bg-primaryDark': dragging },
]"
@dragover.prevent
@drop.prevent="dropEvent"
@@ -93,7 +93,7 @@
<li
v-for="(folder, index) in collection.folders"
:key="index"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsMyFolder
:folder="folder"
@@ -117,7 +117,7 @@
<li
v-for="(request, index) in collection.requests"
:key="index"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsMyRequest
:request="request"
@@ -144,7 +144,7 @@
(collection.requests == undefined ||
collection.requests.length === 0)
"
class="flex ml-8 border-l border-brdColor"
class="flex ml-8 border-l border-divider"
>
<p class="info">
<i class="material-icons">not_interested</i>

8
components/collections/my/Folder.vue
View File

@@ -3,7 +3,7 @@
<div
:class="[
'row-wrapper transition duration-150 ease-in-out',
{ 'bg-bgDarkColor': dragging },
{ 'bg-primaryDark': dragging },
]"
@dragover.prevent
@drop.prevent="dropEvent"
@@ -73,7 +73,7 @@
<li
v-for="(subFolder, subFolderIndex) in folder.folders"
:key="subFolder.name"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsMyFolder
:folder="subFolder"
@@ -97,7 +97,7 @@
<li
v-for="(request, index) in folder.requests"
:key="index"
class="flex ml-8 border-l border-brdColor"
class="flex ml-8 border-l border-divider"
>
<CollectionsMyRequest
:request="request"
@@ -124,7 +124,7 @@
folder.requests.length === 0
"
>
<li class="flex ml-8 border-l border-brdColor">
<li class="flex ml-8 border-l border-divider">
<p class="info">
<i class="material-icons">not_interested</i>
{{ $t("folder_empty") }}

2
components/collections/my/Request.vue
View File

@@ -3,7 +3,7 @@
<div
:class="[
'row-wrapper transition duration-150 ease-in-out',
{ 'bg-bgDarkColor': dragging },
{ 'bg-primaryDark': dragging },
]"
draggable="true"
@dragstart="dragStart"

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

@@ -89,7 +89,7 @@
<li
v-for="(folder, index) in collection.children"
:key="folder.title"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsTeamsFolder
:folder="folder"
@@ -114,7 +114,7 @@
<li
v-for="(request, index) in collection.requests"
:key="index"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsTeamsRequest
:request="request.request"
@@ -140,7 +140,7 @@
(collection.requests == undefined ||
collection.requests.length === 0)
"
class="flex ml-8 border-l border-brdColor"
class="flex ml-8 border-l border-divider"
>
<p class="info">
<i class="material-icons">not_interested</i>

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

@@ -75,7 +75,7 @@
<li
v-for="(subFolder, subFolderIndex) in folder.children"
:key="subFolder.name"
class="ml-8 border-l border-brdColor"
class="ml-8 border-l border-divider"
>
<CollectionsTeamsFolder
:folder="subFolder"
@@ -100,7 +100,7 @@
<li
v-for="(request, index) in folder.requests"
:key="index"
class="flex ml-8 border-l border-brdColor"
class="flex ml-8 border-l border-divider"
>
<CollectionsTeamsRequest
:request="request.request"
@@ -124,7 +124,7 @@
(folder.requests == undefined || folder.requests.length === 0)
"
>
<li class="flex ml-8 border-l border-brdColor">
<li class="flex ml-8 border-l border-divider">
<p class="info">
<i class="material-icons">not_interested</i>
{{ $t("folder_empty") }}