diff --git a/claim-db-worker/src/templates/claim-success-template.ts b/claim-db-worker/src/templates/claim-success-template.ts index a05f633..541e411 100644 --- a/claim-db-worker/src/templates/claim-success-template.ts +++ b/claim-db-worker/src/templates/claim-success-template.ts @@ -1,3 +1,6 @@ +import { footer } from "./footer-template"; +import { navbar } from "./navbar-template"; + export function getClaimSuccessHtml(projectID: string) { return ` @@ -13,17 +16,26 @@ export function getClaimSuccessHtml(projectID: string) { margin: 0; padding: 0; min-height: 100vh; - background: url('/hero-background.svg') no-repeat center center fixed; + background: url('/hero-background.svg') no-repeat center center, linear-gradient(180deg, #090A15 0%, rgba(9, 10, 21, 0.5) 19.02%, rgba(9, 10, 21, 0.5) 74%, rgba(9, 10, 21, 0.95) 100%); background-size: cover; color: #fff; font-family: 'Barlow', system-ui, sans-serif; display: flex; - align-items: center; - justify-content: center; + overscroll-behavior: none; + justify-content: space-between; + flex-direction: column; + min-height: 100vh; } .container { text-align: center; + display: flex; + flex-direction: column; + min-height: 50vh; + height: 100%; + align-items: center; + justify-content: space-between; } + .title { font-size: 4rem; font-weight: 700; @@ -109,26 +121,30 @@ export function getClaimSuccessHtml(projectID: string) { + ${navbar()}
-
- Prisma Postgres Logo -
-
Congratulations!
-
You have successfully claimed your database
- - Go use your database - Arrow up - -
- Database Success - - - +
+
+ Prisma Postgres Logo +
+
Congratulations!
+
You have successfully claimed your database
+ + Go use your database + Arrow up + +
+ Database Success + + + +
+ ${footer()} `; diff --git a/claim-db-worker/src/templates/claim-template.ts b/claim-db-worker/src/templates/claim-template.ts index 7462bb3..63bc8fd 100644 --- a/claim-db-worker/src/templates/claim-template.ts +++ b/claim-db-worker/src/templates/claim-template.ts @@ -1,3 +1,6 @@ +import { footer } from "./footer-template"; +import { navbar } from "./navbar-template"; + // claim-db-worker/src/claim-template.ts export function getClaimHtml(projectID: string, authUrl: string) { return ` @@ -19,8 +22,18 @@ export function getClaimHtml(projectID: string, authUrl: string) { color: #fff; display: flex; flex-direction: column; + justify-content: space-between; + flex-direction: column; + min-height: 100vh; + } + .container { + text-align: center; + display: flex; + flex-direction: column; + min-height: 50vh; + height: 100%; align-items: center; - justify-content: center; + justify-content: space-between; } .logo { display: flex; @@ -102,7 +115,7 @@ export function getClaimHtml(projectID: string, authUrl: string) { Claim database Arrow Right -
*your database will expire after 24hrs unless you authenticate
+
*your database will expire after 24 hours unless you authenticate