Merge pull request #22415 from overleaf/mf-bs5-login-migration

[web] Login page bootstrap 5 migration

GitOrigin-RevId: 5a69588e7978456e16a0aaad80d77478121c9481
This commit is contained in:
M Fahru
2024-12-11 08:37:13 -07:00
committed by Copybot
parent f9536cce52
commit e99352df3e
3 changed files with 74 additions and 5 deletions

View File

@@ -35,3 +35,4 @@
@import 'templates-v2';
@import 'login-register';
@import 'homepage';
@import 'login';

View File

@@ -113,12 +113,12 @@
}
}
}
}
.recaptcha-branding {
text-align: left;
padding: var(--spacing-05) 0;
font-size: var(--font-size-01);
.recaptcha-branding {
text-align: left;
padding: var(--spacing-05) 0;
font-size: var(--font-size-01);
}
}
.registration-block-separator {
@@ -168,6 +168,7 @@
.login-register-error-container {
padding-bottom: var(--spacing-05);
text-align: left;
}
.form-group {

View File

@@ -0,0 +1,67 @@
.login-container {
max-width: 320px;
margin: 0 auto;
padding-top: var(--spacing-11);
text-align: center;
h1 {
margin-bottom: 0;
@include heading-sm;
}
form {
padding-top: var(--spacing-08);
input {
height: 35px;
}
}
.login-other-link {
padding: var(--spacing-08) 0;
p {
margin-bottom: 0;
}
.login-text {
padding-bottom: 0;
}
}
.login-text {
padding-bottom: var(--spacing-08);
margin-bottom: 0;
@include body-sm;
}
.login-or-text-container {
margin: 0;
line-height: 1;
position: relative;
font-size: var(--font-size-02);
padding: var(--spacing-08) 0 var(--spacing-05) 0;
&::before {
content: '';
position: absolute;
height: 1px;
background-color: var(--neutral-20);
left: 0;
right: 0;
top: calc(var(--spacing-08) + var(--spacing-08) / 4);
}
}
.login-or-text {
position: relative;
background-color: #fff;
padding: 0 var(--spacing-05);
}
.recaptcha-branding {
@include body-xs;
}
}