Update home page spinner

Author: zw963

src/components/shared/spinner.cr

@@ -1,13 +1,22 @@
 class Shared::Spinner < BaseComponent
   needs text : String
+  needs width : String?
 
   def render
     div class: "f-col align-items:center" do
-      img(
+      opts = {
         class: "htmx-indicator",
-        src: asset("svgs/spinning-circles.svg"),
-        alt: text
-      )
+        src:   asset("svgs/spinning-circles.svg"),
+        alt:   text,
+      }
+
+      if width
+        opts = opts.merge(style: "width: #{width};")
+      end
+
+      p! opts
+
+      img(opts)
     end
   end
 end

src/pages/home/index_page.cr

@@ -9,7 +9,12 @@ class Home::IndexPage < MainLayout
         hx_get: Home::Htmx::CrystalLatestRelease.path_without_query_params,
         hx_swap: "outerHTML",
       ) do
-        mount Shared::Spinner, text: "获取最新版本..."
+        a href: "" do
+          span class: "f-row align-items:center" do
+            text "Latest release:"
+            mount Shared::Spinner, text: "获取最新版本...", width: "10px"
+          end
+        end
       end
 
       tag(