notid/integreat
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

fix(ssr): right-size the pay modal; fix stale post-create title

Browse Source 
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:
Bryce
2026-06-28 00:32:01 -07:00
parent b44213bffd
commit ab7529eca6
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/public/output.css
View File

@@ -1601,8 +1601,8 @@ input:checked + .toggle-bg {
width: 30em; width: 30em;
} }
.w-\[50em\] { .w-\[34em\] {
width: 50em; width: 34em;
} }
.w-\[5em\] { .w-\[5em\] {

2
src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj
View File

@@ -675,7 +675,7 @@
(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 "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 (com/modal-body
{} {}
[:p.text-lg "Would you like to pay this invoice now?"] [:p.text-lg "Would you like to pay this invoice now?"]

2
src/clj/auto_ap/ssr/invoices.clj
View File

@@ -1109,7 +1109,7 @@
(defn- pay-modal-card [{:keys [head body footer]}] (defn- pay-modal-card [{:keys [head body footer]}]
(com/modal-card-advanced (com/modal-card-advanced
{:class "w-[50em]"} {:class "w-[34em]"}
(com/modal-header {} head) (com/modal-header {} head)
(com/modal-body {} body) (com/modal-body {} body)
(when footer (com/modal-footer {} footer)))) (when footer (com/modal-footer {} footer))))