diff --git a/mailpoet/assets/css/src/components-plugin/_premium-tiers-page.scss b/mailpoet/assets/css/src/components-plugin/_premium-tiers-page.scss index 5950a52986..6634af37b1 100644 --- a/mailpoet/assets/css/src/components-plugin/_premium-tiers-page.scss +++ b/mailpoet/assets/css/src/components-plugin/_premium-tiers-page.scss @@ -138,3 +138,21 @@ padding: 0; } } + +.mailpoet-tiers-page-tier-header__icon { + background-repeat: no-repeat; + background-size: contain; + height: 40px; + &.free { + background-image: url('../../img/upgrade/1-starter-plan.svg'); + width: 30.44px; + } + &.basic { + background-image: url('../../img/upgrade/2-tier-1-plan.svg'); + width: 40.37px; + } + &.pro { + background-image: url('../../img/upgrade/3-business-plan.svg'); + width: 30.44px; + } +} diff --git a/mailpoet/assets/img/upgrade/1-starter-plan.svg b/mailpoet/assets/img/upgrade/1-starter-plan.svg new file mode 100644 index 0000000000..af128e9dbd --- /dev/null +++ b/mailpoet/assets/img/upgrade/1-starter-plan.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/mailpoet/assets/img/upgrade/2-tier-1-plan.svg b/mailpoet/assets/img/upgrade/2-tier-1-plan.svg new file mode 100644 index 0000000000..c017d07735 --- /dev/null +++ b/mailpoet/assets/img/upgrade/2-tier-1-plan.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/mailpoet/assets/img/upgrade/3-business-plan.svg b/mailpoet/assets/img/upgrade/3-business-plan.svg new file mode 100644 index 0000000000..af128e9dbd --- /dev/null +++ b/mailpoet/assets/img/upgrade/3-business-plan.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/mailpoet/views/upgrade_tiers.html b/mailpoet/views/upgrade_tiers.html index 245a2319e3..e1b41da2cd 100644 --- a/mailpoet/views/upgrade_tiers.html +++ b/mailpoet/views/upgrade_tiers.html @@ -29,6 +29,7 @@
+

<%= __('Free') %>

@@ -39,6 +40,7 @@
+

<%= __('Basic') %>

@@ -54,6 +56,7 @@
+

<%= __('Pro') %>