Merge pull request #4686 from mempool/move-sponsor-boxes

Move sponsor boxes to subscriptions account panel

frontend/src/app/components/about/about-sponsors.component.html

@@ -1,4 +1,4 @@
-<div id="become-sponsor-container">
+<div id="become-sponsor-container" [ngClass]="context">
   <div class="become-sponsor community">
     <p style="font-weight: 700; font-size: 18px;">If you're an individual...</p>
     <a [href]="host + '/sponsor'" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.community-sponsor-button" (click)="onSponsorClick($event)">Become a Community Sponsor</a>
@@ -13,4 +13,4 @@
     <p class="sponsor-feature"><fa-icon [icon]="['fas', 'check']"></fa-icon> Co-branded instance</p>
     <p class="sponsor-feature"><fa-icon [icon]="['fas', 'check']"></fa-icon> 99% service-level agreement</p>
   </div>
-</div>
+</div>

frontend/src/app/components/about/about-sponsors.component.scss

@@ -6,6 +6,11 @@
   align-items: center;
   gap: 20px;
   margin: 68px auto;
+  text-align: center;
+}
+
+#become-sponsor-container.account {
+  margin: 20px auto;
 }
 
 .become-sponsor {

frontend/src/app/components/about/about-sponsors.component.ts

@@ -8,6 +8,7 @@ import { EnterpriseService } from '../../services/enterprise.service';
 })
 export class AboutSponsorsComponent {
   @Input() host = 'https://mempool.space';
+  @Input() context = 'about';
 
   constructor(private enterpriseService: EnterpriseService) {
   }