diff --git a/frontend/resources/images/login-pink.svg b/frontend/resources/images/login-pink.svg new file mode 100644 index 000000000..f633fd411 --- /dev/null +++ b/frontend/resources/images/login-pink.svg @@ -0,0 +1,158 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + S + + + V + + + G + + + + + + diff --git a/frontend/resources/styles/main/layouts/login.scss b/frontend/resources/styles/main/layouts/login.scss index e4b890d37..e7c348c23 100644 --- a/frontend/resources/styles/main/layouts/login.scss +++ b/frontend/resources/styles/main/layouts/login.scss @@ -18,27 +18,29 @@ height: 100vh; display: flex; - padding-top: 100px; + padding-top: 7vh; flex-direction: column; align-items: center; justify-content: flex-start; - background-color:#2C233E; - background-image: url("/images/penpot-login.jpg"); - background-size: cover; + background-color:#FEECFD; + background-image: url("/images/login-pink.svg"); background-position: center; + background-size: 96%; + background-repeat: no-repeat; .tagline { text-align: center; width: 280px; font-size: $fs18; - margin-top: 25px; + margin-top: 2vh; color: #2C233E; } .logo { svg { fill: #2C233E; - width: 200px; + max-width: 11vw; + width: 100%; height: 80px; } } diff --git a/frontend/resources/styles/main/partials/forms.scss b/frontend/resources/styles/main/partials/forms.scss index 9e2d68ac0..9ba80498e 100644 --- a/frontend/resources/styles/main/partials/forms.scss +++ b/frontend/resources/styles/main/partials/forms.scss @@ -113,6 +113,7 @@ textarea { .links { display: flex; font-size: $fs14; + flex-direction: column; justify-content: space-between; margin-bottom: $medium;