fix(ssr): right-size the pay modal; fix stale post-create title
The pay wizard modal was w-[50em] (800px) but its bank-account cards are
w-[30em] (480px), so once the CSS rebuild activated the real width it rendered
with a large empty right region — visible especially via the "Pay now" step
after creating an invoice. It had effectively been content-width (~543px) before
and looked fine. Set the pay modal to w-[34em] (544px) so it fits its content
and stays consistent across both pay steps. Verified live: modal is 544px and
the method cards fill it, centered.
Also fix the post-create "next steps" modal's stale header text
("Invoice accounts " -> "Invoice created").
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -1601,8 +1601,8 @@ input:checked + .toggle-bg {
|
||||
width: 30em;
|
||||
}
|
||||
|
||||
.w-\[50em\] {
|
||||
width: 50em;
|
||||
.w-\[34em\] {
|
||||
width: 34em;
|
||||
}
|
||||
|
||||
.w-\[5em\] {
|
||||
|
||||
@@ -675,7 +675,7 @@
|
||||
(com/modal {}
|
||||
(com/modal-card-advanced
|
||||
{:class "transition duration-300 ease-in-out scale-100 translate-x-0 opacity-100"}
|
||||
(com/modal-header {} [:div.p-2 "Invoice accounts "])
|
||||
(com/modal-header {} [:div.p-2 "Invoice created"])
|
||||
(com/modal-body
|
||||
{}
|
||||
[:p.text-lg "Would you like to pay this invoice now?"]
|
||||
|
||||
@@ -1109,7 +1109,7 @@
|
||||
|
||||
(defn- pay-modal-card [{:keys [head body footer]}]
|
||||
(com/modal-card-advanced
|
||||
{:class "w-[50em]"}
|
||||
{:class "w-[34em]"}
|
||||
(com/modal-header {} head)
|
||||
(com/modal-body {} body)
|
||||
(when footer (com/modal-footer {} footer))))
|
||||
|
||||
Reference in New Issue
Block a user