From 9dab67e12e800500f376ca1a064ba2a92f08fa7d Mon Sep 17 00:00:00 2001
From: Tienson Qin <tiensonqin@gmail.com>
Date: Mon, 23 Jun 2025 18:11:11 +0800
Subject: [PATCH] enhace: login use button

---
 src/main/capacitor/components/settings.cljs | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/main/capacitor/components/settings.cljs b/src/main/capacitor/components/settings.cljs
index bbd006dced..d6535d03ec 100644
--- a/src/main/capacitor/components/settings.cljs
+++ b/src/main/capacitor/components/settings.cljs
@@ -11,11 +11,14 @@
   []
   (let [login? (and (fstate/sub :auth/id-token) (user-handler/logged-in?))]
     (if-not login?
-      [:h1.text-3xl.font-bold.underline
-       [:a {:on-click #(shui/dialog-open! login/page-impl
-                                          {:close-btn? false
-                                           :align :top
-                                           :content-props {:class "app-login-modal"}})} "login"]]
+      (shui/button
+       {:variant :default
+        :class "text-1xl flex flex-1 w-full"
+        :on-click #(shui/dialog-open! login/page-impl
+                                      {:close-btn? false
+                                       :align :top
+                                       :content-props {:class "app-login-modal"}})}
+       "Login")
       [:div.py-2
        [:h2.py-3.flex.justify-between.items-center
         [:strong.text-4xl.font-semibold (user-handler/username)]