diff --git a/frontend/src/app/docs/api-docs/api-docs-nav.component.html b/frontend/src/app/docs/api-docs/api-docs-nav.component.html index 8d17faf4e..6f4aedb5f 100644 --- a/frontend/src/app/docs/api-docs/api-docs-nav.component.html +++ b/frontend/src/app/docs/api-docs/api-docs-nav.component.html @@ -1,5 +1,5 @@
-

Get higher API limits with Mempool Enterprise

+

Get higher API limits with Mempool Enterprise®

More Info
diff --git a/frontend/src/app/docs/api-docs/api-docs-nav.component.scss b/frontend/src/app/docs/api-docs/api-docs-nav.component.scss index cee9cba14..550d1c936 100644 --- a/frontend/src/app/docs/api-docs/api-docs-nav.component.scss +++ b/frontend/src/app/docs/api-docs/api-docs-nav.component.scss @@ -21,9 +21,12 @@ a { } #enterprise-cta-desktop p { - margin: 0 auto 20px auto; + margin: 0 auto 16px auto; + color: #fff; + font-weight: 400; } #enterprise-cta-desktop a { display: inline-block; } + diff --git a/frontend/src/app/docs/api-docs/api-docs.component.html b/frontend/src/app/docs/api-docs/api-docs.component.html index 40a7ae486..22fbec709 100644 --- a/frontend/src/app/docs/api-docs/api-docs.component.html +++ b/frontend/src/app/docs/api-docs/api-docs.component.html @@ -39,6 +39,14 @@
+
+

Get higher API limits with Mempool Enterprise®

+ +
+

Below is a reference for the {{ network.val === '' ? 'Bitcoin' : network.val.charAt(0).toUpperCase() + network.val.slice(1) }} REST API service.

Note that we enforce rate limits. If you exceed these limits, you will get an HTTP 429 error. If you repeatedly exceed the limits, you may be banned from accessing the service altogether. Consider an enterprise sponsorship if you need higher API limits.

diff --git a/frontend/src/app/docs/api-docs/api-docs.component.scss b/frontend/src/app/docs/api-docs/api-docs.component.scss index 8e4c0c7a9..e79b124e8 100644 --- a/frontend/src/app/docs/api-docs/api-docs.component.scss +++ b/frontend/src/app/docs/api-docs/api-docs.component.scss @@ -282,6 +282,41 @@ h3 { margin-bottom: 0; } +#enterprise-cta-mobile { + padding: 20px; + background-color: #1d1f31; + border-radius: 0.25rem; + text-align: center; + position: fixed; + z-index: 100; + left: 30px; + width: calc(100% - 60px); + bottom: 70px; + display: none; + border: 3px solid #533180; +} + +#enterprise-cta-mobile p { + font-size: 16px; + display: inline-block; + margin: 0 auto; +} + +#enterprise-cta-mobile a { + padding: 4px 8px; + font-size: 16px; + margin: 15px 5px 5px 5px; +} + +#enterprise-cta-mobile .btn-secondary:hover { + background-color: #2d3348; + border-color: #2d3348; +} + +#enterprise-cta-mobile .no-line-break { + white-space: nowrap; +} + @media (max-width: 992px) { h3 { @@ -340,6 +375,10 @@ h3 { #disclaimer table { display: none; } + + #enterprise-cta-mobile { + display: initial; + } } @media (min-width: 992px) { diff --git a/frontend/src/app/docs/api-docs/api-docs.component.ts b/frontend/src/app/docs/api-docs/api-docs.component.ts index 62a0fadba..398008d0a 100644 --- a/frontend/src/app/docs/api-docs/api-docs.component.ts +++ b/frontend/src/app/docs/api-docs/api-docs.component.ts @@ -30,6 +30,7 @@ export class ApiDocsComponent implements OnInit, AfterViewInit { officialMempoolInstance: boolean; auditEnabled: boolean; mobileViewport: boolean = false; + showMobileEnterpriseUpsell: boolean = true; @ViewChildren(FaqTemplateDirective) faqTemplates: QueryList; dict = {};