diff --git a/screenshots/desktop/banner.png b/screenshots/desktop/banner.png index faec949aa4..6fcf58bc06 100644 Binary files a/screenshots/desktop/banner.png and b/screenshots/desktop/banner.png differ diff --git a/screenshots/desktop/confirmSeedPhrase.png b/screenshots/desktop/confirmSeedPhrase.png index 9bb48cf6ad..86ee16806a 100644 Binary files a/screenshots/desktop/confirmSeedPhrase.png and b/screenshots/desktop/confirmSeedPhrase.png differ diff --git a/screenshots/desktop/constructing.png b/screenshots/desktop/constructing.png index 89702e22d6..a221566c0a 100644 Binary files a/screenshots/desktop/constructing.png and b/screenshots/desktop/constructing.png differ diff --git a/screenshots/desktop/displaySeedPhrase.png b/screenshots/desktop/displaySeedPhrase.png index ed1cbf7583..f8168db7b8 100644 Binary files a/screenshots/desktop/displaySeedPhrase.png and b/screenshots/desktop/displaySeedPhrase.png differ diff --git a/screenshots/desktop/displayUserNumber.png b/screenshots/desktop/displayUserNumber.png index 1094b01c59..44f65bd29e 100644 Binary files a/screenshots/desktop/displayUserNumber.png and b/screenshots/desktop/displayUserNumber.png differ diff --git a/screenshots/desktop/promptCaptcha.png b/screenshots/desktop/promptCaptcha.png index f618e3258f..9a261b7269 100644 Binary files a/screenshots/desktop/promptCaptcha.png and b/screenshots/desktop/promptCaptcha.png differ diff --git a/screenshots/desktop/promptCaptchaReady.png b/screenshots/desktop/promptCaptchaReady.png index c065f5dab5..0efbbfe879 100644 Binary files a/screenshots/desktop/promptCaptchaReady.png and b/screenshots/desktop/promptCaptchaReady.png differ diff --git a/screenshots/mobile/banner.png b/screenshots/mobile/banner.png index 8596a62e98..a398e24fc0 100644 Binary files a/screenshots/mobile/banner.png and b/screenshots/mobile/banner.png differ diff --git a/screenshots/mobile/confirmSeedPhrase.png b/screenshots/mobile/confirmSeedPhrase.png index 62568f34ac..6f05c3acd7 100644 Binary files a/screenshots/mobile/confirmSeedPhrase.png and b/screenshots/mobile/confirmSeedPhrase.png differ diff --git a/screenshots/mobile/constructing.png b/screenshots/mobile/constructing.png index f3c453d02f..c95cfecfb3 100644 Binary files a/screenshots/mobile/constructing.png and b/screenshots/mobile/constructing.png differ diff --git a/screenshots/mobile/displaySeedPhrase.png b/screenshots/mobile/displaySeedPhrase.png index b8c4c0dec2..4610ac70e1 100644 Binary files a/screenshots/mobile/displaySeedPhrase.png and b/screenshots/mobile/displaySeedPhrase.png differ diff --git a/screenshots/mobile/displayUserNumber.png b/screenshots/mobile/displayUserNumber.png index 616a2b1e74..f51515c861 100644 Binary files a/screenshots/mobile/displayUserNumber.png and b/screenshots/mobile/displayUserNumber.png differ diff --git a/screenshots/mobile/promptCaptcha.png b/screenshots/mobile/promptCaptcha.png index c56c3d4d50..316b56cd4c 100644 Binary files a/screenshots/mobile/promptCaptcha.png and b/screenshots/mobile/promptCaptcha.png differ diff --git a/screenshots/mobile/promptCaptchaReady.png b/screenshots/mobile/promptCaptchaReady.png index ff9111345c..565a7e29b7 100644 Binary files a/screenshots/mobile/promptCaptchaReady.png and b/screenshots/mobile/promptCaptchaReady.png differ diff --git a/src/frontend/src/flows/register/construct.ts b/src/frontend/src/flows/register/construct.ts index 974c37d554..bf720f5d7e 100644 --- a/src/frontend/src/flows/register/construct.ts +++ b/src/frontend/src/flows/register/construct.ts @@ -26,7 +26,7 @@ const constructingContentSlot = ({ const constructingContent = (props: { message?: string }) => mainWindow({ - additionalContainerClasses: ["t-centered", "l-container--centered"], + additionalContainerClasses: ["t-centered"], showFooter: false, showLogo: false, slot: constructingContentSlot(props), diff --git a/src/frontend/src/styles/main.css b/src/frontend/src/styles/main.css index b1d0f32d10..fb74310a3d 100644 --- a/src/frontend/src/styles/main.css +++ b/src/frontend/src/styles/main.css @@ -494,13 +494,6 @@ a:hover, max-width: 60rem; } -.l-container--centered { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - .l-divider { display: block; margin-top: calc(var(--vs-stack) * 2); @@ -702,6 +695,36 @@ a:hover, } } +.c-card--background::before { + position: absolute; + content: ""; + z-index: -2; + top: 50%; + left: 50%; + width: 100%; + aspect-ratio: 1; + border-radius: 50%; + background-image: linear-gradient(170deg, var(--rg-brand)); + background-size: 200% 200%; + filter: blur(120px); + opacity: 0.75; + pointer-events: none; + transform: translate3d(-50%, -50%, 0); + + animation: 20s bganim linear infinite; +} + +@keyframes bganim { + 0%, + 100% { + background-position: 0% 0%; + } + + 50% { + background-position: 0% -200%; + } +} + @media (max-width: 512px) { .c-card--highlight { border: none;