diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss b/services/web/frontend/stylesheets/bootstrap-5/components/all.scss index 269a51ec01..50caa792af 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/components/all.scss @@ -27,6 +27,7 @@ @import 'dictionary'; @import 'link'; @import 'pagination'; +@import 'interstitial'; @import 'loading-spinner'; @import 'gallery-search'; @import 'error-boundary'; diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/interstitial.scss b/services/web/frontend/stylesheets/bootstrap-5/components/interstitial.scss new file mode 100644 index 0000000000..fb26658793 --- /dev/null +++ b/services/web/frontend/stylesheets/bootstrap-5/components/interstitial.scss @@ -0,0 +1,23 @@ +.interstitial { + max-width: 400px; + padding: var(--spacing-08); + margin: 0 auto; + background: var(--bg-light-primary); + display: flex; + flex-direction: column; + + .logo { + width: 130px; + margin: 0 auto; + margin-bottom: var(--spacing-08); + } + + .btn { + width: 100%; + } + + .interstitial-header { + margin-top: 0; + margin-bottom: var(--spacing-02); + } +} diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss index 159d158394..1e155bd965 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss @@ -43,5 +43,6 @@ @import 'login-register'; @import 'login'; @import 'register'; +@import 'onboarding-confirm-email'; @import 'admin/admin'; @import 'admin/project-url-lookup'; diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding-confirm-email.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding-confirm-email.scss new file mode 100644 index 0000000000..723b2a62c8 --- /dev/null +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding-confirm-email.scss @@ -0,0 +1,27 @@ +#onboarding-confirm-email { + .confirm-email-form .confirm-email-form-inner { + margin: auto; + max-width: 480px; + + .notification { + margin-bottom: var(--spacing-05); + } + + .text-danger { + display: flex; + gap: var(--spacing-03); + padding: var(--spacing-02); + } + + .form-label { + font-weight: normal; + } + + .form-actions { + margin-top: var(--spacing-07); + display: flex; + flex-direction: column; + gap: var(--spacing-05); + } + } +}