Victor Lacasse-Beaudoin
076bb1a90c
Si on suit les considérations du domain-driven design, le fait qu'on réfère toustes à cette partie du code comme `le frontend` me pousse à renommer le package pour mieux réflèter notre utilisation. Ça devrait rendre plus évident où les fichiers sources du frontend sont situés.
115 lines
No EOL
1.9 KiB
CSS
115 lines
No EOL
1.9 KiB
CSS
.adminUploadForm {
|
|
font-family: 'Poppins';
|
|
display: flex;
|
|
flex-flow: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.formContent {
|
|
display: flex;
|
|
flex-flow: column;
|
|
|
|
}
|
|
|
|
.formSelectDiv {
|
|
display: flex;
|
|
flex-flow: column;
|
|
margin: 20px;
|
|
}
|
|
|
|
.formLabel {
|
|
font-family: 'Poppins';
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
color: #394596;
|
|
}
|
|
|
|
.formSelect {
|
|
font-family: 'Poppins';
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
border: 1px #C4C4C4 solid;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
/*La flèche de l'élément*/
|
|
.formSelect:after {
|
|
color: #000
|
|
}
|
|
|
|
.formOption {
|
|
font-family: 'Poppins';
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.formOption:hover {
|
|
background-color: #C4C4C4;
|
|
}
|
|
|
|
.formDocUploadDiv {
|
|
display: flex;
|
|
flex-flow: column;
|
|
margin: 20px;
|
|
}
|
|
|
|
.formDocUpload {
|
|
font-family: 'Poppins';
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.formDocUpload::file-selector-button {
|
|
font-family: 'Poppins';
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
background-color: #FF563C;
|
|
padding: 7px;
|
|
color: #fff;
|
|
border: none;
|
|
cursor: pointer;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.formSubmit {
|
|
font-family: 'Poppins';
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
background-color: #FF563C;
|
|
padding: 10px;
|
|
color: #fff;
|
|
border: none;
|
|
cursor: pointer;
|
|
margin: 20px;
|
|
}
|
|
|
|
.confirmationMessage {
|
|
font-family: 'Poppins';
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
margin: 10px;
|
|
padding: 5px;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.formContent {
|
|
display: flex;
|
|
flex-flow: row;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1140px) {
|
|
.confirmationMessage {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
margin: 20px;
|
|
padding: 10px;
|
|
}
|
|
} |