mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-25 21:22:13 +00:00
b516363e45
* onboarding data collection react * added stepper component * stepper completed step * move useValidateField to shared * Revert "move useValidateField to shared" This reverts commit 68fafd934dafedab8d61f581beb7bfdd8a0674c0. * added multistep hook * add story * fix storybook * img path * remove pug page * formatting * using translations * formating * linting * use small classname * Onboarding data collection form - Step 2 (#15182) * step 2 of onbarding data collection form * sort locals * styling changes * checkbox font size * aria-progressbar, bsStyle=null GitOrigin-RevId: 9ee84b4631b30b670280cfa2086385274652b21e
70 lines
1,008 B
Text
70 lines
1,008 B
Text
#onboarding-data-collection {
|
|
width: 720px;
|
|
padding: 24px;
|
|
margin: 0 auto;
|
|
background: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px;
|
|
|
|
p {
|
|
font-size: 20px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.logo {
|
|
width: 130px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px;
|
|
|
|
.group-horizontal {
|
|
display: flex;
|
|
justify-content: stretch;
|
|
gap: 24px;
|
|
|
|
.form-group {
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
.form-actions {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
> div {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
|
|
button.btn-info-ghost {
|
|
color: @gray-dark;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.onboarding-step-2 {
|
|
.checkbox {
|
|
margin: 0;
|
|
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
label {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
|
|
input {
|
|
margin-right: 4px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|