Merge pull request #29 from dwyl/svg#26

[PR] Refactoring svg to its own image
dwyl · Dec 6, 2023 · 23f2745 · 23f2745
2 parents 9cb6674 + 752b485
commit 23f2745
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/lib/app_web/live/page_live.html.heex b/lib/app_web/live/page_live.html.heex
@@ -154,9 +154,7 @@
                      <!-- Loading skeleton if it is predicting -->
                      <%= if example_img.predicting? == true do %>
                       <div role="status" class="flex items-center justify-center w-full h-full max-w-sm bg-gray-300 rounded-lg animate-pulse">
-                          <svg class="w-10 h-10 text-gray-200 dark:text-gray-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
-                              <path d="M18 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm4.376 10.481A1 1 0 0 1 16 15H4a1 1 0 0 1-.895-1.447l3.5-7A1 1 0 0 1 7.468 6a.965.965 0 0 1 .9.5l2.775 4.757 1.546-1.887a1 1 0 0 1 1.618.1l2.541 4a1 1 0 0 1 .028 1.011Z"/>
-                          </svg>
+                          <img src={~p"/images/spinner.svg"} alt="spinner" />
                           <span class="sr-only">Loading...</span>
                       </div>
 

diff --git a/priv/static/images/spinner.svg b/priv/static/images/spinner.svg