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

refactor: empty state illustrations

Browse Source
This commit is contained in:
liyasthomas
2021-11-03 16:10:06 +05:30
parent 22ac13f2f0
commit 75e1adb7b3
58 changed files with 1276 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/hoppscotch-app/components/graphql/RequestOptions.vue
View File

@@ -243,6 +243,18 @@
justify-center
"
>
<img
:src="`/images/states/${$colorMode.value}/add_category.svg`"
loading="lazy"
class="
flex-col
my-4
object-contain object-center
h-16
w-16
inline-flex
"
/>
<span class="text-center pb-4">
{{ $t("empty.headers") }}
</span>

28
packages/hoppscotch-app/components/graphql/Sidebar.vue
View File

@@ -42,9 +42,20 @@
justify-center
"
>
<i class="opacity-75 pb-2 material-icons">link</i>
<img
:src="`/images/states/${$colorMode.value}/add_comment.svg`"
loading="lazy"
class="
flex-col
my-4
object-contain object-center
h-16
w-16
inline-flex
"
/>
<span class="text-center">
{{ $t("empty.schema") }}
{{ $t("empty.documentation") }}
</span>
</div>
<div v-else>
@@ -198,7 +209,18 @@
justify-center
"
>
<i class="opacity-75 pb-2 material-icons">link</i>
<img
:src="`/images/states/${$colorMode.value}/blockchain.svg`"
loading="lazy"
class="
flex-col
my-4
object-contain object-center
h-16
w-16
inline-flex
"
/>
<span class="text-center">
{{ $t("empty.schema") }}
</span>