enhance(mobile): login uses bottom sheet instead of dialog

Author: tiensonqin

src/main/frontend/components/user/login.cljs

@@ -45,8 +45,8 @@
      (fn []
        (when session
          (user/login-callback session)
-         (notification/show! (str "Hi, " username " :)") :success)
          (shui/dialog-close!)
+         (shui/popup-hide!)
          (when (= :user-login (state/get-current-route))
            (route-handler/redirect! {:to :home}))))
      [])

src/main/mobile/components/settings.cljs

@@ -26,11 +26,12 @@
        (shui/button
         {:variant :default
          :class "text-1xl flex flex-1 w-full my-8"
-         :on-click #(shui/dialog-open! login/page-impl
-                                       {:close-btn? false
-                                        :label "user-login"
-                                        :align :top
-                                        :content-props {:class "app-login-modal"}})}
+         :on-click #(shui/popup-show!
+                     nil
+                     (fn []
+                       [:div.w-full.h-full
+                        (login/page-impl)])
+                     {:id :login})}
         "Login")
        ;; Logged in: account cell
        [:div.mobile-setting-item