From c1e0bd32fecc31fd32657446eca193e6c8a9a2dc Mon Sep 17 00:00:00 2001 From: Dominik Hebeler <dominik@hebeler.club> Date: Mon, 12 Jun 2023 13:23:41 +0200 Subject: [PATCH] updated payment method infos --- pass/public/styles/cost.less | 12 +++++++----- pass/views/cost.ejs | 13 ++++++++++++- 2 files changed, 19 insertions(+), 6 deletions(-) diff --git a/pass/public/styles/cost.less b/pass/public/styles/cost.less index 65b6cee..7ed5d7e 100644 --- a/pass/public/styles/cost.less +++ b/pass/public/styles/cost.less @@ -133,15 +133,17 @@ flex: 0 1 150px; border: 1px solid @color-main; border-radius: 10px; - padding: 0.5rem; + padding: 1rem; > div { - font-size: 1.3rem; - display: grid; - place-content: center; + display: flex; + align-items: center; + justify-content: center; + gap: 1rem; + line-height: 1; > img { max-width: 100%; - max-height: 44px; + max-height: 35px; } } } diff --git a/pass/views/cost.ejs b/pass/views/cost.ejs index 55b2d3a..cbb9a6f 100644 --- a/pass/views/cost.ejs +++ b/pass/views/cost.ejs @@ -46,7 +46,10 @@ js:[]}); %> <div class="payment-methods-container"> <div class="payment-method"> <div> - <img src="<%= baseDir _%>/images/cash.svg" alt="Bargeld" /> + <img src="<%= baseDir _%>/images/letter.svg" alt="Bargeld" /> + <div> + <%= req.t("payments.cash.name", {ns: "checkout"}) _%> + </div> </div> </div> </div> @@ -60,6 +63,14 @@ js:[]}); %> <div class="payment-method"> <div> <img src="<%= baseDir _%>/images/paypal/card.svg" alt="Credit Card Logo" /> + <div> + <%= req.t("paypal.card.label", {ns: "checkout"}) _%> + </div> + </div> + </div> + <div class="payment-method"> + <div> + <%= req.t("payments.prepay.name", {ns: "checkout"}) _%> </div> </div> <div class="payment-method"> -- GitLab