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/my/Collection.vue
+++ b/packages/hoppscotch-app/components/collections/my/Collection.vue
@@ -181,7 +181,18 @@
            justify-center
          "
        >
-          <i class="opacity-75 pb-2 material-icons">folder_open</i>
+          <img
+            :src="`/images/states/${$colorMode.value}/pack.svg`"
+            loading="lazy"
+            class="
+              flex-col
+              mb-4
+              object-contain object-center
+              h-16
+              w-16
+              inline-flex
+            "
+          />
          <span class="text-center">
            {{ $t("empty.collection") }}
          </span>