diff --git a/src/app/account-app/payment-method.component.ts b/src/app/account-app/payment-method.component.ts index 9efc63d19..712d5d97a 100644 --- a/src/app/account-app/payment-method.component.ts +++ b/src/app/account-app/payment-method.component.ts @@ -22,9 +22,9 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; @Component({ selector: 'app-payment-method', template: ` - +
- {{ logo_alt }} + {{ logo_alt }}
diff --git a/src/app/account-app/paypal-payment-dialog.component.ts b/src/app/account-app/paypal-payment-dialog.component.ts index bcf7e9df4..350a0e35f 100644 --- a/src/app/account-app/paypal-payment-dialog.component.ts +++ b/src/app/account-app/paypal-payment-dialog.component.ts @@ -25,7 +25,7 @@ import { RunboxWebmailAPI } from '../rmmapi/rbwebmail'; @Component({ selector: 'app-paypal-payment-dialog-component', template: ` -

PayPal payment

+

PayPal payment

We're preparing your Paypal payment, please wait...
diff --git a/src/app/account-app/shopping-cart.component.html b/src/app/account-app/shopping-cart.component.html index 7a8c1d7b9..1efe1d98d 100644 --- a/src/app/account-app/shopping-cart.component.html +++ b/src/app/account-app/shopping-cart.component.html @@ -120,48 +120,34 @@

Payment method

- Pay with a payment card or digital wallet + Pay with a payment card or PayPal

- We support all major payment cards and wallets. + All major cards and wallets are accepted.

+ >

Pay with cryptocurrencies using Coinbase

- Your transaction is secured by cryptography. + All major cryptocurrencies are accepted.

- -

- Pay with a PayPal wallet or payment card -

-

- Note that your subscription will not recur automatically with PayPal. -

-
- - + Other payment methods diff --git a/src/app/account-app/stripe-payment-dialog.component.html b/src/app/account-app/stripe-payment-dialog.component.html index c7beb2d1b..7fb377f5f 100644 --- a/src/app/account-app/stripe-payment-dialog.component.html +++ b/src/app/account-app/stripe-payment-dialog.component.html @@ -1,4 +1,4 @@ -

Card payment

+

Card payment

diff --git a/src/assets/payment/Credit_Cards_PayPal.png b/src/assets/payment/Credit_Cards_PayPal.png new file mode 100644 index 000000000..47998638c Binary files /dev/null and b/src/assets/payment/Credit_Cards_PayPal.png differ diff --git a/src/assets/payment/Cryptocurrencies.png b/src/assets/payment/Cryptocurrencies.png new file mode 100644 index 000000000..b6269c2c5 Binary files /dev/null and b/src/assets/payment/Cryptocurrencies.png differ diff --git a/src/assets/payment/bitcoin.png b/src/assets/payment/bitcoin.png new file mode 100644 index 000000000..7737c07b7 Binary files /dev/null and b/src/assets/payment/bitcoin.png differ diff --git a/src/styles.scss b/src/styles.scss index 6e6d63eb2..b054cfa7f 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1583,7 +1583,32 @@ app-calendar-event-editor-dialog p { padding: 10px !important; } +app-payment-method { + mat-card { + height: 300px; + } + + img { + margin: 10px 0 20px 0 !important; + width: auto !important; + height: 125px !important; + cursor: pointer; + } +} + +#otherPaymentMethods { + margin: 20px 0 50px 0; + max-width: 90%; + text-align: center; + + mat-panel-title { + font-size: 20px; + } +} +.paymentMethodTitle { + font-size: 20px !important; +} /*** Runbox components ***/