replace loader (#819)

* replace tea logo

Author: getneil

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ossapp",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "private": true,
   "description": "The Open Source App Store",
   "author": "pkgx inc. <hello@pkgx.dev>",

svelte/src/components/package-card/bg-image.svelte

@@ -17,7 +17,11 @@
 
 <section class="overflow-hidden bg-black {clazz} {layout}">
   {#await promise}
-    <i class="logo icon-tea-logo-iconasset-1 text-gray text-3xl {layout} animate-pulse" />
+    <img
+      src="/images/home-btn/State=Active.svg"
+      class="logo animate-pulse grayscale {layout}"
+      alt="ossapp"
+    />
   {:then loadedImg}
     <div class="transition-all duration-500 {layout}" style="background-image: url({loadedImg})">
       <!-- dup image: save processing power instead of computing the blur across all the HTML layers -->
@@ -39,7 +43,6 @@
   .logo {
     position: absolute;
     width: 30px;
-    height: 30px;
     margin-left: -15px;
   }
   .logo.none {

svelte/src/components/preloader/preloader.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <figure class="container flex h-full w-full flex-row justify-center bg-black bg-opacity-90 py-8">
-  <i class="icon-tea-logo-iconasset-1 text-gray animate-pulse text-4xl" />
+  <img src="/images/home-btn/State=Active.svg" class="animate-pulse grayscale" alt="ossapp" />
 </figure>
 
 <style>