fix(ssr): give the post-create "Invoice created" dialog a proper width
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 <noreply@anthropic.com>
This commit is contained in:
@@ -674,25 +674,26 @@
|
|||||||
(modal-response
|
(modal-response
|
||||||
(com/modal {}
|
(com/modal {}
|
||||||
(com/modal-card-advanced
|
(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-header {} [:div.p-2 "Invoice created"])
|
||||||
(com/modal-body
|
(com/modal-body
|
||||||
{}
|
{}
|
||||||
|
[:div.flex.flex-col.items-center.space-y-6.py-2
|
||||||
[:p.text-lg "Would you like to pay this invoice now?"]
|
[:p.text-lg "Would you like to pay this invoice now?"]
|
||||||
(com/navigation-button-list
|
(com/navigation-button-list
|
||||||
{}
|
{}
|
||||||
(com/navigation-button (-> {:class "w-48"
|
(com/navigation-button (-> {:class "w-full"
|
||||||
:hx-get (hu/url (bidi/path-for ssr-routes/only-routes ::route/pay-wizard)
|
:hx-get (hu/url (bidi/path-for ssr-routes/only-routes ::route/pay-wizard)
|
||||||
{:selected invoice-id :replace-modal true})}
|
{:selected invoice-id :replace-modal true})}
|
||||||
hx/trigger-click-or-enter) "Pay now")
|
hx/trigger-click-or-enter) "Pay now")
|
||||||
(com/navigation-button (-> {:class "w-48"
|
(com/navigation-button (-> {:class "w-full"
|
||||||
:hx-get (hu/url (bidi/path-for ssr-routes/only-routes ::route/new-wizard)
|
:hx-get (hu/url (bidi/path-for ssr-routes/only-routes ::route/new-wizard)
|
||||||
{:replace-modal true})}
|
{:replace-modal true})}
|
||||||
hx/trigger-click-or-enter) "Add another")
|
hx/trigger-click-or-enter) "Add another")
|
||||||
(com/navigation-button {:class "w-48" :next-arrow? false
|
(com/navigation-button {:class "w-full" :next-arrow? false
|
||||||
"@click" "$dispatch('modalclose') "
|
"@click" "$dispatch('modalclose') "
|
||||||
"@keyup.enter.stop" "$dispatch('modalclose')"}
|
"@keyup.enter.stop" "$dispatch('modalclose')"}
|
||||||
"Close")))))
|
"Close"))])))
|
||||||
:headers {"hx-trigger" "invalidated"}))
|
:headers {"hx-trigger" "invalidated"}))
|
||||||
|
|
||||||
(defn- updated-row-response
|
(defn- updated-row-response
|
||||||
|
|||||||
Reference in New Issue
Block a user