From a31fff9352e0dce9e377d145e79afa8b69dd156b Mon Sep 17 00:00:00 2001 From: foochifa Date: Tue, 12 Sep 2023 23:23:24 +0800 Subject: [PATCH] fix: styling changes from design review --- .../templates/payment-confirmation.view.html | 90 +++++++++---------- 1 file changed, 44 insertions(+), 46 deletions(-) diff --git a/src/app/views/templates/payment-confirmation.view.html b/src/app/views/templates/payment-confirmation.view.html index 0b4002aab9..0905664ea4 100644 --- a/src/app/views/templates/payment-confirmation.view.html +++ b/src/app/views/templates/payment-confirmation.view.html @@ -6,6 +6,28 @@ body { font-family: 'Inter', sans-serif; } + .body-1 { + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + letter-spacing: -0.011em; + font-feature-settings: 'tnum' on, 'lnum' on, 'cv05' on; + } + .subhead-1 { + font-weight: 500; + font-size: 16px; + line-height: 24px; + letter-spacing: -0.011em; + font-feature-settings: 'tnum' on, 'lnum' on, 'cv05' on; + } + .subhead-2 { + font-weight: 500; + font-size: 14px; + line-height: 20px; + letter-spacing: -0.006em; + font-feature-settings: 'tnum' on, 'lnum' on, 'cv05' on; + }

@@ -36,29 +59,28 @@ letter-spacing: -0.019em; font-feature-settings: 'cv05' on, 'cv10' on; - color: #1b1f2c; + color: #2c2e34; margin-bottom: 32px; " > Your payment on <%= formTitle %> has been received successfully.

-
-

Form: <%= formTitle %>

-

Response ID: <%= submissionId %>

-

Amount paid: S$<%= amountPaid %>

-

Please visit the link below for your proof of payment.

+
+

+ Form: + <%= formTitle %> +

+

+ Response ID: + <%= submissionId %> +

+

+ Amount paid: + S$<%= amountPaid %> +

+

+ Please visit the link below for your proof of payment. +

-
-

+

+

If you are having trouble with the button above, copy and paste the link below into your browser:

-

+

<%= invoiceUrl %>