11/06/23 - 14h14

recette2
cherif 2023-06-11 14:14:35 +02:00
parent 71a39865c4
commit d7465cd7f0
6 changed files with 247 additions and 97 deletions

View File

@ -1797,7 +1797,7 @@ const AddClassManual = (props) => {
</div> </div>
</div> </div>
<div className="training_text"> {/*<div className="training_text">
<div className="plus_produit_desabled" onChange={DataUpdated}> <div className="plus_produit_desabled" onChange={DataUpdated}>
<div className="titre_training_text"> Zone de diffusion</div> <div className="titre_training_text"> Zone de diffusion</div>
<textarea style={{ "width": "100%", "resize": "none", "fontSize": "13px", "height": "150px" }} <textarea style={{ "width": "100%", "resize": "none", "fontSize": "13px", "height": "150px" }}
@ -1808,7 +1808,7 @@ const AddClassManual = (props) => {
/> />
</div> </div>
</div> </div> */}
{/* <div className="training_text"> {/* <div className="training_text">
<div className="plus_produit_desabled" onChange={DataUpdated}> <div className="plus_produit_desabled" onChange={DataUpdated}>
@ -1868,7 +1868,7 @@ const AddClassManual = (props) => {
</nav> </nav>
<nav className="new_zone"> {/* <nav className="new_zone">
<TextField <TextField
name="zone_diffusion" name="zone_diffusion"
label="Zone Diffusion (FR-Marseille;FR-Paris;etc)" label="Zone Diffusion (FR-Marseille;FR-Paris;etc)"
@ -1884,7 +1884,7 @@ const AddClassManual = (props) => {
value="" value=""
/> />
<nav className="plus_produit_activation" onClick={ActivePackGold}> Passer au Gold </nav> <nav className="plus_produit_activation" onClick={ActivePackGold}> Passer au Gold </nav>
</nav> </nav>*/}
<nav className="new_zone"> <nav className="new_zone">
<TextField <TextField
@ -1910,7 +1910,7 @@ const AddClassManual = (props) => {
{String(props.currentpack).toLocaleLowerCase() === String("standard") && {String(props.currentpack).toLocaleLowerCase() === String("standard") &&
<div > <div >
<nav className="new_zone2"> {/* <nav className="new_zone2">
<TextField <TextField
name="zone_diffusion" name="zone_diffusion"
label="Zone Diffusion (FR-Marseille;FR-Paris;etc)" label="Zone Diffusion (FR-Marseille;FR-Paris;etc)"
@ -1927,7 +1927,7 @@ const AddClassManual = (props) => {
/> />
<nav className="plus_produit_activation_no_float" onClick={ActivePackGold}> Passer au Gold </nav> <nav className="plus_produit_activation_no_float" onClick={ActivePackGold}> Passer au Gold </nav>
</nav> </nav>
*/}
<nav > <nav >
&nbsp; &nbsp;

View File

@ -805,7 +805,6 @@ const Partner = (props) => {
<ul> <ul>
<li> Il s'agit d'un fichier csv. Les colonnes sont separées par des ";"</li> <li> Il s'agit d'un fichier csv. Les colonnes sont separées par des ";"</li>
<li> A l'interieur d'une même colonne, les informations sont separées par des ";" </li> <li> A l'interieur d'une même colonne, les informations sont separées par des ";" </li>
<li> La zone de diffusion est sous la forme "Code iso du pays-nom ville". </li>
<li> Champ 'Metier' : les valeurs acceptées sont : IT, RH, vente, dev_perso, Graphisme, Management, Digital, Office, Autre</li> <li> Champ 'Metier' : les valeurs acceptées sont : IT, RH, vente, dev_perso, Graphisme, Management, Digital, Office, Autre</li>
<li> ...</li> <li> ...</li>
</ul> </ul>

View File

@ -184,7 +184,7 @@ const Recherche_new_v2 = () => {
var val = String(event.target.value).toLocaleLowerCase(); var val = String(event.target.value).toLocaleLowerCase();
let matches = []; let matches = [];
// 13/01 : A faire absolument. j'ai bloqué car bug d'affichage (pas au bon endroit) // 13/01 : A faire absolument. j'ai bloqué car bug d'affichage (pas au bon endroit)
/*
if (String(val).length > 2) { if (String(val).length > 2) {
matches = suggestedwords.filter(usr => { matches = suggestedwords.filter(usr => {
//alert(JSON.parse(usr).name ); //alert(JSON.parse(usr).name );
@ -195,12 +195,10 @@ const Recherche_new_v2 = () => {
) )
} }
*/
//console.log("matches = " + matches); //console.log("matches = " + matches);
setsuggestion2(matches); setsuggestion2(matches);
settext(event.target.value); settext(event.target.value);
} }
function SearchcitiesHandle(event) { function SearchcitiesHandle(event) {
@ -1105,7 +1103,7 @@ const Recherche_new_v2 = () => {
} }
).then((response) => response.json()) ).then((response) => response.json())
.then((result) => { .then((result) => {
//console.log('### loadDomainMetier Success:', result['message']); console.log('### loadDomainMetier Success:', result['message']);
setdomaine_metier(result['message']); setdomaine_metier(result['message']);
}) })
@ -2842,13 +2840,13 @@ const Recherche_new_v2 = () => {
<nav className="domaine_icone"> <AiTwotoneFolder /> </nav> <nav className="domaine_icone"> <AiTwotoneFolder /> </nav>
<select className="form-select form-select-sm fron_search" onChange={"ChangeDevise"} aria-label=".form-select-sm example" <select className="form-select form-select-sm fron_search" onChange={"ChangeDevise"} aria-label=".form-select-sm example"
id={"searchdomain"} name={"searchdomain"} > id={"searchdomain"} name={"searchdomain"} >
<option selected value="n/a">Tous les domaines</option> <option selected value="n/a">Tous les domaines </option>
{/*domaine_metier && domaine_metier.map((domaine) => ( {domaine_metier && domaine_metier.map((domaine) => (
<option value={JSON.parse(domaine).domaine}>{JSON.parse(domaine)} <option value={domaine}>{domaine}
</option> </option>
))*/} ))}
</select> </select>
</div> </div>
@ -2879,13 +2877,7 @@ const Recherche_new_v2 = () => {
{SearchText.length > 2 && <span class="left-pan" > &nbsp;<BsFillXCircleFill onClick={clearsearchtext} /></span>} {SearchText.length > 2 && <span class="left-pan" > &nbsp;<BsFillXCircleFill onClick={clearsearchtext} /></span>}
{suggestion2 && suggestion2.slice(0, 2).map((suggestion, id) =>
<div key={id} style={{
"cursor": "pointer", "color": "black",
"fontSize": "small", "paddingLeft": "1rem", "fontStyle": "italic", "letterSpacing": "2px"
}}
onClick={() => OnSuggestionHandler(JSON.parse(suggestion).name)}> {JSON.parse(suggestion).name} </div>
)}
</div> </div>
</form> </form>
@ -2900,9 +2892,30 @@ const Recherche_new_v2 = () => {
</div>
<div className="search_bar_2">
<div className="search_dropdown"> &nbsp;</div>
<div className="block_suggestion">
{suggestion2 && suggestion2.slice(0, 2).map((suggestion, id) =>
<div key={id} style={{
"cursor": "pointer", "color": "black",
"fontSize": "small", "paddingLeft": "1rem", "fontStyle": "italic", "letterSpacing": "2px"
}}
onClick={() => OnSuggestionHandler(JSON.parse(suggestion).name)}> {JSON.parse(suggestion).name} </div>
)}
</div>
</div> </div>
<div className="frame_153"> <div className="frame_153">
<nav className="frame_153_txt"> <nav className="frame_153_txt">
Recherches populaires : Informatique, Graphisme, Management, Dev. Personnel ... Recherches populaires : Informatique, Graphisme, Management, Dev. Personnel ...
</nav> </nav>
@ -2986,7 +2999,7 @@ const Recherche_new_v2 = () => {
<div className="block_nos_formation"> <div className="block_nos_formation">
<div > <div style={{"width":"100%"}}>
<div className="forma_et_tuto"> Nos Formations & Tutoriels</div> <div className="forma_et_tuto"> Nos Formations & Tutoriels</div>
{showelement === "true" && <div onClick={showdisplayfilter} className="recherchefilter"> {showelement === "true" && <div onClick={showdisplayfilter} className="recherchefilter">

View File

@ -1,6 +1,8 @@
.addclassmanual { .addclassmanual {
.css-1d6wzja-MuiButton-startIcon{
margin-left: 4px !important;
}
.tox-statusbar__branding { .tox-statusbar__branding {
display: none !important; display: none !important;
@ -71,11 +73,11 @@
} }
.parter_div_filtrer_row_gauche { .parter_div_filtrer_row_gauche {
float: left; float: left;
border-width: 0.01rem; border-width: 0.1rem;
width: 38%; width: 100%;
border-radius: 1rem; border-radius: 1rem;
text-align: left; margin-bottom: 1rem;
margin-left: 0.5rem; margin-top: 1rem;
font-size: small; font-size: small;
cursor: pointer; cursor: pointer;
} }
@ -83,36 +85,38 @@
.parter_div_filtrer_row_droite { .parter_div_filtrer_row_droite {
float: right; float: right;
border-width: 0.01rem; border-width: 0.01rem;
width: 38%; width: 100%;
border-radius: 1rem; border-radius: 1rem;
text-align: right; margin-bottom: 1rem;
margin-right: 0.5rem; margin-top: 1rem;
font-size: small; font-size: small;
cursor: pointer; cursor: pointer;
} }
.disabled_style { .disabled_style {
//background-color: #ECEFF1; //background-color: #ECEFF1;
font-size: small !important; font-size: medium !important;
color: black; color: black;
width: 100% !important; width: 100% !important;
height: 2rem !important; height: 3rem !important;
margin: 5px !important; margin: 5px !important;
} }
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input, .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline { .css-161vxw-MuiOutlinedInput-notchedOutline {
font-size: small !important; font-size: medium !important;
} }
input { input {
font-size: small !important; font-size: medium !important;
padding-top: 0.2rem; padding-top: 0.2rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
height: 3rem !important;
} }
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select { .css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
font-size: small; font-size: medium;
} }
.parter_div_filtrer_cente { .parter_div_filtrer_cente {
@ -171,9 +175,10 @@
color: red; color: red;
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
text-align: right; text-align: center;
height: 2.5rem; height: 2.5rem;
width: 80%; width: 100%;
border: 1px black;
} }
.bton_enreg2 { .bton_enreg2 {
@ -182,7 +187,7 @@
background: #81BC3A !important; background: #81BC3A !important;
text-align: right; text-align: right;
height: 2.5rem; height: 2.5rem;
width: 80%; width: 100%;
color: white; color: white;
} }
@ -305,7 +310,7 @@
} }
.training_caract { .training_caract {
width: 90%; width: 97%;
padding: 5px; padding: 5px;
float: left; float: left;
} }
@ -443,26 +448,27 @@
.disabled_style { .disabled_style {
//background-color: #ECEFF1; //background-color: #ECEFF1;
font-size: small !important; font-size: medium !important;
color: black; color: black;
width: 95% !important; width: 95% !important;
height: 2rem !important; height: 3rem !important;
margin: 5px !important; margin: 2px !important;
} }
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input, .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline { .css-161vxw-MuiOutlinedInput-notchedOutline {
font-size: small !important; font-size: medium !important;
} }
input { input {
font-size: small !important; font-size: medium !important;
padding-top: 0.2rem; padding-top: 0.2rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
height: 3rem !important;
} }
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select { .css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
font-size: small; font-size: medium;
} }
.parter_div_filtrer_cente { .parter_div_filtrer_cente {
@ -522,7 +528,7 @@
color: red; color: red;
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
text-align: right; text-align: center;
height: 2.5rem; height: 2.5rem;
width: 80%; width: 80%;
} }
@ -856,20 +862,21 @@
//background-color: #ECEFF1; //background-color: #ECEFF1;
font-size: small !important; font-size: small !important;
color: black; color: black;
width: 85% !important; width: 90% !important;
height: 2rem !important; height: 3rem !important;
margin: 5px !important; margin: 5px !important;
} }
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input, .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline { .css-161vxw-MuiOutlinedInput-notchedOutline {
font-size: small !important; font-size: medium !important;
} }
input { input {
font-size: small !important; font-size: medium !important;
padding-top: 0.2rem; padding-top: 0.2rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
height: 3rem !important;
} }
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select { .css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
@ -933,9 +940,9 @@
color: red; color: red;
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
text-align: right; text-align: center;
height: 2.5rem; height: 2.5rem;
width: 60%; width: 80%;
} }
.bton_enreg2 { .bton_enreg2 {
@ -944,7 +951,7 @@
background: #81BC3A !important; background: #81BC3A !important;
text-align: right; text-align: right;
height: 2.5rem; height: 2.5rem;
width: 60%; width: 80%;
color: white; color: white;
} }
@ -1057,7 +1064,7 @@
.training_data { .training_data {
float: left; float: left;
width: 100%; width: 99%;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
border-radius: 10px; border-radius: 10px;
@ -1068,7 +1075,7 @@
} }
.training_caract { .training_caract {
width: 30%; width: 50%;
padding: 5px; padding: 5px;
float: left; float: left;
} }
@ -1274,8 +1281,8 @@
//background-color: #ECEFF1; //background-color: #ECEFF1;
font-size: small !important; font-size: small !important;
color: black; color: black;
width: 80% !important; width: 90% !important;
height: 2rem !important; height: 3rem !important;
margin: 5px !important; margin: 5px !important;
} }
@ -1285,9 +1292,10 @@
} }
input { input {
font-size: small !important; font-size: medium !important;
padding-top: 0.2rem; padding-top: 0.2rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
height: 3rem !important;
} }
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select { .css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
@ -1347,7 +1355,7 @@
color: red; color: red;
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
text-align: right; text-align: center;
height: 2.5rem; height: 2.5rem;
width: 50%; width: 50%;
} }

View File

@ -651,7 +651,7 @@
.parter_div_droite_haut { .parter_div_droite_haut {
float: left; float: left;
border: 1px solid black; //border: 1px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
height: auto; height: auto;
@ -661,7 +661,7 @@
text-align: left; text-align: left;
color: rgb(10, 42, 77); color: rgb(10, 42, 77);
background-color: white; background-color: white;
margin-bottom: 2rem; margin-bottom: 1rem;
} }
.parter_div_filtrer_row { .parter_div_filtrer_row {
@ -677,7 +677,7 @@
float: left; float: left;
//border:0px solid black; //border:0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 90%; width: 100%;
border-radius: 1rem; border-radius: 1rem;
} }
@ -691,7 +691,7 @@
.parter_div_droite_bas { .parter_div_droite_bas {
float: left; float: left;
border: 1px solid black; //border: 1px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
height: auto; height: auto;
@ -853,6 +853,8 @@
width: 100%; width: 100%;
float: left; float: left;
border: #495057 solid 1px; border: #495057 solid 1px;
padding-left: 2px;
padding-right: 2px;
} }
.titre1 { .titre1 {
@ -1343,9 +1345,11 @@
margin-top: 0.5rem; margin-top: 0.5rem;
font-size: small; font-size: small;
background: white; background: white;
width: 80%; width: 100%;
float: left; float: left;
border: #495057 solid 1px; border: #495057 solid 1px;
padding-left: 2px;
padding-right: 2px;
} }
.titre1 { .titre1 {
@ -1807,9 +1811,11 @@
margin-top: 0.5rem; margin-top: 0.5rem;
font-size: small; font-size: small;
background: white; background: white;
width: 50%; width: 100%;
float: left; float: left;
border: #495057 solid 1px; border: #495057 solid 1px;
padding-left: 2px;
padding-right: 2px;
} }
.titre1 { .titre1 {

View File

@ -287,6 +287,7 @@
.mb-3 { .mb-3 {
margin-bottom: 0.5rem !important; margin-bottom: 0.5rem !important;
cursor: pointer;
} }
.verti_middle { .verti_middle {
@ -305,6 +306,7 @@
form svg { form svg {
margin-top: 0.6rem !important; margin-top: 0.6rem !important;
cursor: pointer;
} }
.ch_form_svg { .ch_form_svg {
@ -2445,17 +2447,19 @@
.form-input { .form-input {
border-radius: 10rem; border-radius: 10rem;
height: 2.5rem; height: 2.5rem;
font-size: small; font-size: medium;
line-height: 1.3; line-height: 1.5;
margin-bottom: 2px; margin-bottom: 2px;
color: white; color: white;
border: 2px solid white; border: 2px solid white;
background: transparent; background: transparent;
box-shadow: none;
} }
form svg { form svg {
margin-top: 0.8rem !important; margin-top: 0.8rem !important;
cursor: pointer;
} }
.form span { .form span {
@ -2469,6 +2473,7 @@
form svg { form svg {
margin-top: 0.8rem !important; margin-top: 0.8rem !important;
cursor: pointer;
} }
.form span_clear { .form span_clear {
@ -2527,6 +2532,7 @@
.mb-3 { .mb-3 {
margin-bottom: 0.5rem !important; margin-bottom: 0.5rem !important;
cursor: pointer;
} }
.input-group-text { .input-group-text {
@ -3106,7 +3112,7 @@
width: 96%; width: 96%;
height: 204px; height: 204px;
left: 2%; left: 2%;
top: 550px; top: 590px;
} }
@ -3122,6 +3128,7 @@
left: 10px; left: 10px;
right: 5px; right: 5px;
top: 830px; top: 830px;
width: 98%;
} }
.logo { .logo {
@ -3473,8 +3480,8 @@
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-size: 40px; font-size: 35px;
line-height: 44px; line-height: 40px;
/* or 107% */ /* or 107% */
letter-spacing: 1px; letter-spacing: 1px;
@ -3620,7 +3627,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 0px; padding: 0px;
gap: 24px; gap: 10px;
width: 100%; width: 100%;
height: 80px; height: 80px;
@ -3704,6 +3711,7 @@
flex: none; flex: none;
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
width: 28%;
} }
@ -3730,7 +3738,7 @@
padding: 0px; padding: 0px;
gap: 8px; gap: 8px;
width: 65%; width: 70%;
height: 32px; height: 32px;
@ -5009,7 +5017,7 @@
.domaine_icone_fa { .domaine_icone_fa {
margin-top: 5px; margin-top: 5px;
width: 10%; width: 5%;
cursor: pointer; cursor: pointer;
} }
@ -5203,6 +5211,33 @@
font-weight: normal; font-weight: normal;
font-size: 12px; font-size: 12px;
} }
.search_bar_2 {
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 5px 0px 5px;
gap: 1px;
width: 100%;
height: 10px;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 2rem !important;
text-align: left;
padding-left: 1rem;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -5395,12 +5430,13 @@
.form-input { .form-input {
border-radius: 10rem; border-radius: 10rem;
height: 2.8rem; height: 2.8rem;
font-size: small; font-size: medium;
line-height: 1.3; line-height: 1.5;
margin-bottom: 4px; margin-bottom: 4px;
color: white; color: white;
border: 2px solid white; border: 2px solid white;
background: transparent; background: transparent;
box-shadow: none;
} }
h4 { h4 {
@ -5440,6 +5476,7 @@
form svg { form svg {
margin-top: 0.8rem !important; margin-top: 0.8rem !important;
cursor: pointer;
} }
.form span_clear { .form span_clear {
@ -5501,6 +5538,7 @@
.mb-3 { .mb-3 {
margin-bottom: 0.5rem !important; margin-bottom: 0.5rem !important;
font-size: small !important; font-size: small !important;
cursor: pointer;
} }
.input-group-text { .input-group-text {
@ -6327,7 +6365,7 @@
width: 500px; width: 500px;
height: 400px; height: 400px;
//left: 596px; //left: 596px;
right: 5rem; right: 1rem;
top: 0px; top: 0px;
background: url("../../mysy_img2/img_header.png") no-repeat; background: url("../../mysy_img2/img_header.png") no-repeat;
@ -6351,7 +6389,7 @@
padding: 0px; padding: 0px;
gap: 24px; gap: 24px;
width: 867px; width: 900px;
height: 367px; height: 367px;
@ -6389,8 +6427,8 @@
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 50px; font-size: 40px;
line-height: 54px; line-height: 44px;
/* or 107% */ /* or 107% */
letter-spacing: 1px; letter-spacing: 1px;
@ -6442,7 +6480,7 @@
padding: 0px; padding: 0px;
gap: 16px; gap: 16px;
width: 867px; width: 100%;
height: 113px; height: 113px;
@ -6459,10 +6497,10 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 0px 12px 0px 24px; padding: 0px 2px 0px 4px;
gap: 72px; gap: 72px;
width: 867px; width: 100%;
height: 80px; height: 80px;
/* White */ /* White */
@ -6536,9 +6574,9 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 0px; padding: 0px;
gap: 24px; gap: 5px;
width: 617px; width: 80%;
height: 80px; height: 80px;
@ -6610,7 +6648,7 @@
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
padding: 0px; padding: 0px;
gap: 8px; gap: 2px;
//width: 211px; //width: 211px;
height: 24px; height: 24px;
@ -6621,6 +6659,7 @@
flex: none; flex: none;
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
width: 30%;
} }
@ -8122,6 +8161,31 @@
font-weight: 600; font-weight: 600;
} }
.search_bar_2 {
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 2px 0px 4px;
gap: 1px;
width: 100%;
height: 10px;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 2rem !important;
text-align: left;
padding-left: 1rem;
}
} }
@ -8310,6 +8374,7 @@
color: white; color: white;
border: 2.5px solid white; border: 2.5px solid white;
background: transparent; background: transparent;
box-shadow: none;
} }
.form { .form {
@ -8346,6 +8411,7 @@
form svg { form svg {
margin-top: 0.8rem !important; margin-top: 0.8rem !important;
cursor: pointer;
} }
.left-pan { .left-pan {
@ -8427,6 +8493,7 @@
.mb-3 { .mb-3 {
margin-bottom: 0.7rem !important; margin-bottom: 0.7rem !important;
font-size: xx-small !important; font-size: xx-small !important;
cursor: pointer;
} }
.input-group-text { .input-group-text {
@ -8950,7 +9017,7 @@
width: 96%; width: 96%;
height: 204px; height: 204px;
left: 2%; left: 2%;
top: 550px; top: 590px;
} }
@ -9361,7 +9428,7 @@
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
padding: 0px; padding: 0px;
gap: 16px; gap: 10px;
width: 100%; width: 100%;
height: 113px; height: 113px;
@ -11048,6 +11115,33 @@
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 14px;
} }
.search_bar_2 {
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 1px 0px 2px;
gap: 72px;
width: 100%;
height: 10px;
/* White */
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 2rem !important;
text-align: left;
padding-left: 1rem;
}
} }
@media only screen and (min-width: 1920px) { @media only screen and (min-width: 1920px) {
@ -11237,13 +11331,14 @@
color: white; color: white;
border: 2.5px solid white; border: 2.5px solid white;
background: transparent; background: transparent;
box-shadow: none;
} }
.form { .form {
font-size: medium; font-size: medium;
width: 90%; width: 100%;
margin-left: auto; margin-left: 0;
margin-right: auto; margin-right: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
position: relative; position: relative;
margin-top: 1rem; margin-top: 1rem;
@ -11273,6 +11368,8 @@
form svg { form svg {
margin-top: 0.8rem !important; margin-top: 0.8rem !important;
height: 1.5rem !important;
cursor: pointer;
} }
.left-pan { .left-pan {
@ -11354,6 +11451,7 @@
.mb-3 { .mb-3 {
margin-bottom: 0.7rem !important; margin-bottom: 0.7rem !important;
font-size: xx-small !important; font-size: xx-small !important;
cursor: pointer;
} }
.input-group-text { .input-group-text {
@ -12204,7 +12302,7 @@
padding: 0px; padding: 0px;
gap: 24px; gap: 24px;
width: 80%; width: 85%;
height: 367px; height: 367px;
@ -12465,7 +12563,7 @@
padding: 0px; padding: 0px;
gap: 8px; gap: 8px;
//width: 30%; width: 20%;
height: 24px; height: 24px;
@ -12500,7 +12598,7 @@
padding: 0px; padding: 0px;
gap: 8px; gap: 8px;
width: 85%; width: 75%;
height: 32px; height: 32px;
@ -13981,6 +14079,32 @@
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 14px;
} }
.search_bar_2 {
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 1px 0px 2px;
gap: 72px;
width: 100%;
height: 10px;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 1rem;
text-align: left;
}
} }
// end media // end media