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/history/index.vue
+++ b/packages/hoppscotch-app/components/history/index.vue
@@ -60,7 +60,11 @@
      v-if="history.length === 0"
      class="flex flex-col text-secondaryLight p-4 items-center justify-center"
    >
-      <i class="opacity-75 pb-2 material-icons">schedule</i>
+      <img
+        :src="`/images/states/${$colorMode.value}/history.svg`"
+        loading="lazy"
+        class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
+      />
      <span class="text-center">
        {{ $t("empty.history") }}
      </span>