refactor: empty state illustrations

2021-11-03 16:10:06 +05:30
parent 22ac13f2f0
commit 75e1adb7b3
58 changed files with 1276 additions and 25 deletions
--- a/packages/hoppscotch-app/components/collections/graphql/index.vue
+++ b/packages/hoppscotch-app/components/collections/graphql/index.vue
@@ -70,6 +70,11 @@
      v-if="collections.length === 0"
      class="flex flex-col text-secondaryLight p-4 items-center justify-center"
    >
+      <img
+        :src="`/images/states/${$colorMode.value}/pack.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.collections") }}
      </span>