added styling and table rows for 'Not Paid' order confirmation'

2026-01-24 20:36:49 +00:00 · 2023-06-21 17:22:12 -04:00
parent f6db69104f
commit d3dba87ca1
2 changed files with 12 additions and 0 deletions
--- a/app/views/spree/orders/_totals_footer.html.haml
+++ b/app/views/spree/orders/_totals_footer.html.haml
@@ -23,6 +23,13 @@
          = t :order_total_price
      %td.text-right.total
        %h5#order_total= order.display_total.to_html
+    %tr.total
+      %td.text-right{colspan: "3"}
+        %h5.not-paid
+          = t :order_balance_due
+      %td.text-right.total.not-paid
+        %h5#order_balance
+

  - if order.total_tax > 0
    #tax
--- a/app/webpacker/css/darkswarm/checkout.scss
+++ b/app/webpacker/css/darkswarm/checkout.scss
@@ -108,3 +108,8 @@ checkout {
    }
  }
 }
+
+.not-paid {
+  color: #f40f0f;
+  font-weight: 700;
+}