Add http-port override, login UI improvements, and dev tooling

src/clj/auto_ap/ssr/auth.clj

@@ -15,7 +15,7 @@
    :session {}})
 
 (defn impersonate [request]
-  {:status  200
+  {:status 200
    :session {:identity (dissoc (jwt/unsign (get-in request [:query-params "jwt"])
                                            (:jwt-secret env)
                                            {:alg :hs512})
@@ -88,13 +88,14 @@
           [:p "To see error details, " [:a.underline.cursor-pointer {"@click" "expandError=true"} "click here"] "."]
           [:pre#error-details.text-xs {:x-show "expandError" :x-text "errorDetails"}]]]]]]
      [:div.p-4.flex.flex-row.justify-center.items-center.h-screen
-      (com/card {:class "animate-slideUp"}
-
-                [:div.p-4
-                 [:img {:src "/img/logo-big.png"}]
+      (com/card {:class "animate-slideUp w-full max-w-md"}
+                [:div.p-8
+                 [:div.flex.justify-center.mb-6
+                  [:img {:src "/img/logo-big.png" :class "max-w-[200px]"}]]
                  [:div
-                  [:a.button.is-large.is-primary {:href (login-url (get (:query-params request) "redirect-to"))} "Login with Google"]]
-                 "HELLO"])]]]])
+                  [:a {:href (login-url (get (:query-params request) "redirect-to"))
+                       :class "inline-flex items-center justify-center w-full px-8 py-3 text-base font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"}
+                   "Login with Google"]]])]]]])
 
 (defn login [request]
   (base-page