Quiz_dashboard/src/Styles/Pages/reSeller.scss
2024-09-24 15:43:20 +03:00

106 lines
1.6 KiB
SCSS

.main_form_body {
display: flex;
flex-wrap: wrap;
gap: 20px;
background: var(--bg);
padding: 40px 10px;
.ValidationField{
label{
font-weight: 600;
font-size: 16px !important;
color: var(--secondary) !important;
}
}
> * {
// max-width: 30%;
flex-basis: 31%;
}
}
.AttachmentForm {
.main_form_body {
padding: 30px 50px;
gap: 40px;
> * {
// max-width: 30%;
flex-basis: 10%;
}
}
}
.resellerButton,.file_setting_buttons {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
padding: 20px;
button {
all: unset;
cursor: pointer;
padding: 8px 26px;
font-size: 15px;
border-radius: 5px;
background: var(--primary);
color: var(--white);
&:first-child {
background: #f2f4f8;
color: #515b73;
box-shadow: 0px 0px 4px rgb(0, 0, 0, 0.08);
}
}
}
.Form_details_container{
display: flex; flex-direction: column;
gap: 30px;
}
.PersonalDetailsForm,
.TitleDetailsForm,
.AttachmentForm,
.PasswordDetailsForm{
box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
border-radius: 10px;
.header_form{
background: #F2F4F8;
border-radius: 10px;
svg{
border-radius: 5px;
color: var(--secondary);
}
}
.main_form_body{
border-radius: 10px;
}
}
.MapField{
display: flex;
flex-wrap: wrap;
flex-direction: column;
min-height: 400px;
}
.AttachmentFormBody{
display: flex;
margin-top: 20px;
padding-left: 50px;
.ImageBoxField{
min-width: 200px;
}
>*{
min-width: 50%;
}
}