From 333c2807327d7c011c1231e873aef0a1efc8120c Mon Sep 17 00:00:00 2001 From: Bryce Date: Sun, 28 Jun 2026 07:00:21 -0700 Subject: [PATCH] fix(ssr): give the post-create "Invoice created" dialog a proper width MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit It was auto-sized to its content (~390px) and left-aligned, looking like a stray box. Match it to the pay modal width (w-[34em] / 544px) so the create → confirm → pay flow is visually consistent, center the content, and make the Pay now / Add another / Close buttons full-width. Verified live: 544px, centered, header "Invoice created". Co-Authored-By: Claude Opus 4.8 --- .../ssr/invoice/new_invoice_wizard.clj | 33 ++++++++++--------- 1 file changed, 17 insertions(+), 16 deletions(-) diff --git a/src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj b/src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj index 9529abac..23c35285 100644 --- a/src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj +++ b/src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj @@ -674,25 +674,26 @@ (modal-response (com/modal {} (com/modal-card-advanced - {:class "transition duration-300 ease-in-out scale-100 translate-x-0 opacity-100"} + {:class "w-[34em] transition duration-300 ease-in-out scale-100 translate-x-0 opacity-100"} (com/modal-header {} [:div.p-2 "Invoice created"]) (com/modal-body {} - [:p.text-lg "Would you like to pay this invoice now?"] - (com/navigation-button-list - {} - (com/navigation-button (-> {:class "w-48" - :hx-get (hu/url (bidi/path-for ssr-routes/only-routes ::route/pay-wizard) - {:selected invoice-id :replace-modal true})} - hx/trigger-click-or-enter) "Pay now") - (com/navigation-button (-> {:class "w-48" - :hx-get (hu/url (bidi/path-for ssr-routes/only-routes ::route/new-wizard) - {:replace-modal true})} - hx/trigger-click-or-enter) "Add another") - (com/navigation-button {:class "w-48" :next-arrow? false - "@click" "$dispatch('modalclose') " - "@keyup.enter.stop" "$dispatch('modalclose')"} - "Close"))))) + [:div.flex.flex-col.items-center.space-y-6.py-2 + [:p.text-lg "Would you like to pay this invoice now?"] + (com/navigation-button-list + {} + (com/navigation-button (-> {:class "w-full" + :hx-get (hu/url (bidi/path-for ssr-routes/only-routes ::route/pay-wizard) + {:selected invoice-id :replace-modal true})} + hx/trigger-click-or-enter) "Pay now") + (com/navigation-button (-> {:class "w-full" + :hx-get (hu/url (bidi/path-for ssr-routes/only-routes ::route/new-wizard) + {:replace-modal true})} + hx/trigger-click-or-enter) "Add another") + (com/navigation-button {:class "w-full" :next-arrow? false + "@click" "$dispatch('modalclose') " + "@keyup.enter.stop" "$dispatch('modalclose')"} + "Close"))]))) :headers {"hx-trigger" "invalidated"})) (defn- updated-row-response