22/03/23 - 16h
parent
25cbdd88eb
commit
2b8b0ec96f
|
@ -979,7 +979,7 @@ function Abonnement(props) {
|
||||||
Vous êtes actuellement sur un plan : {String(currentpack2).toUpperCase()} <br /><br />
|
Vous êtes actuellement sur un plan : {String(currentpack2).toUpperCase()} <br /><br />
|
||||||
|
|
||||||
<div className="div_row">
|
<div className="div_row">
|
||||||
<div className="div_row_gauche">
|
<div className="div_row_gauche pave_nb_ftion">
|
||||||
Nombre de formations : {String(parnternbformation)}
|
Nombre de formations : {String(parnternbformation)}
|
||||||
{result && !(JSON.parse(result).end_date_abonnement) && !changepartnb_ftion &&
|
{result && !(JSON.parse(result).end_date_abonnement) && !changepartnb_ftion &&
|
||||||
<Button className="btn_modif_nb_ftion" onClick={Change_Partne_Nb_Ftion} >Modifier <RiAddCircleLine /> </Button>
|
<Button className="btn_modif_nb_ftion" onClick={Change_Partne_Nb_Ftion} >Modifier <RiAddCircleLine /> </Button>
|
||||||
|
@ -995,7 +995,7 @@ function Abonnement(props) {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
{changepartnb_ftion && <div className="div_row_gauche" style={{ "textAlign": "right", "borderLeft": "5px solid", "paddingLeft": "2px" }}>
|
{changepartnb_ftion && <div className="div_row_gauche pave_change_ftion" >
|
||||||
<div style={{ "width": "100%" }} >
|
<div style={{ "width": "100%" }} >
|
||||||
|
|
||||||
<div style={{ "textAlign": "left", "width": "50%", "float": "left" }}>
|
<div style={{ "textAlign": "left", "width": "50%", "float": "left" }}>
|
||||||
|
@ -1053,11 +1053,11 @@ function Abonnement(props) {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ "width": "100%" }} id="div_nb_formation" className="mob_heigh">
|
<div style={{ "width": "100%" }} id="div_nb_formation" className="mob_heigh">
|
||||||
<div style={{ "textAlign": "left", "width": "50%", "float": "left" }}>
|
<div className = "pave_btn_enreg_new_nb_ftion" >
|
||||||
<Button className="btn_enreg_new_nb_ftion" onClick={make_new_abonnement} >Enregistrer </Button>
|
<Button className="btn_enreg_new_nb_ftion" onClick={make_new_abonnement} >Enregistrer </Button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ "textAlign": "right", "width": "50%", "float": "left" }}>
|
<div className = "pave_btn_annule_new_nb_ftion">
|
||||||
<Button className="btn_annule_new_nb_ftion" onClick={annule_enreg_new_ftion} >Annuler </Button>
|
<Button className="btn_annule_new_nb_ftion" onClick={annule_enreg_new_ftion} >Annuler </Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -28,6 +28,7 @@ import {
|
||||||
import { Elements } from '@stripe/react-stripe-js';
|
import { Elements } from '@stripe/react-stripe-js';
|
||||||
import { loadStripe } from '@stripe/stripe-js';
|
import { loadStripe } from '@stripe/stripe-js';
|
||||||
import { PaymentElement } from '@stripe/react-stripe-js';
|
import { PaymentElement } from '@stripe/react-stripe-js';
|
||||||
|
import Popup from 'reactjs-popup';
|
||||||
|
|
||||||
const stripePromise = loadStripe('pk_test_51LUUfAAbmaEugrFTI25uZBD3IFjbtaL6jUfRV83diDf7nco8worna4NGKhMHbPP71WCwT5EHFRdDNatxPrJWwgZ300kgH5EO4p');
|
const stripePromise = loadStripe('pk_test_51LUUfAAbmaEugrFTI25uZBD3IFjbtaL6jUfRV83diDf7nco8worna4NGKhMHbPP71WCwT5EHFRdDNatxPrJWwgZ300kgH5EO4p');
|
||||||
//const stripePromise_PROD = loadStripe('pk_live_51LUUfAAbmaEugrFTyfNe4Dj0vbxc5qXQqNs0rztjAKy8oSlc5EEQyJGjA8Z5kXmP2gvUMcYLUBYCIyWWzLCw59RY00PtGInkVf');
|
//const stripePromise_PROD = loadStripe('pk_live_51LUUfAAbmaEugrFTyfNe4Dj0vbxc5qXQqNs0rztjAKy8oSlc5EEQyJGjA8Z5kXmP2gvUMcYLUBYCIyWWzLCw59RY00PtGInkVf');
|
||||||
|
@ -466,11 +467,10 @@ function CheckOut(props) {
|
||||||
document.getElementById('div_nb_formation').style.color = "red";
|
document.getElementById('div_nb_formation').style.color = "red";
|
||||||
document.getElementById('div_ttc').style.color = "red";
|
document.getElementById('div_ttc').style.color = "red";
|
||||||
|
|
||||||
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log(" ### stripe_existing_souscription_id = ", stripe_existing_souscription_id);
|
//console.log(" ### stripe_existing_souscription_id = ", stripe_existing_souscription_id);
|
||||||
|
|
||||||
//initpayement_front();
|
//initpayement_front();
|
||||||
|
|
||||||
|
@ -643,29 +643,20 @@ function CheckOut(props) {
|
||||||
MySy_LMS_Account_Management();
|
MySy_LMS_Account_Management();
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
}
|
}
|
||||||
}else{
|
} else {
|
||||||
console.log(" laaaaa ")
|
console.log(" laaaaa ")
|
||||||
if (String(props.packs).toLowerCase() === String("decouverte")) {
|
if (String(props.packs).toLowerCase() === String("decouverte")) {
|
||||||
MySy_LMS_Account_Management();
|
MySy_LMS_Account_Management();
|
||||||
alert(" La mise à jour de votre abonnement a été correctement traitée. Vous allez recevoir par email les details de la commande et la facture.")
|
alert(" La mise à jour de votre abonnement a été correctement traitée. Vous allez recevoir par email les details de la commande et la facture.")
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
}else{
|
} else {
|
||||||
MySy_LMS_Account_Management();
|
MySy_LMS_Account_Management();
|
||||||
alert(" La mise à jour de votre abonnement a été correctement traitée. Vous allez recevoir par email les details de la commande et la facture.")
|
alert(" La mise à jour de votre abonnement a été correctement traitée. Vous allez recevoir par email les details de la commande et la facture.")
|
||||||
|
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
JE suis ici.
|
|
||||||
la mise à jour du pack semble fonctionner.
|
|
||||||
a faire :
|
|
||||||
tester à fond.
|
|
||||||
si changement de forfait. desactivier toutes les formations avant (dans mysy et le lms)
|
|
||||||
|
|
||||||
pb : coté backoffice. la gestion du : #salt = salt.decode('UTF-8')
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1908,7 +1899,64 @@ pb : coté backoffice. la gestion du : #salt = salt.decode('UTF-8')
|
||||||
{(String(okcommande) !== String("ko") ||
|
{(String(okcommande) !== String("ko") ||
|
||||||
(String(props.packs).toLowerCase() === String("decouverte"))) &&
|
(String(props.packs).toLowerCase() === String("decouverte"))) &&
|
||||||
String(payment_in_process) !== "1"
|
String(payment_in_process) !== "1"
|
||||||
&& <Button variant="contained" color="success" className="div_row22 btn_enreg_cmd " onClick={Ordervalidation}>Confirmer la commande</Button>}
|
&& !stripe_existing_souscription_id
|
||||||
|
&&
|
||||||
|
|
||||||
|
<Button variant="contained" color="success" className="div_row22 btn_enreg_cmd " onClick={Ordervalidation}>Confirmer la commande</Button>}
|
||||||
|
|
||||||
|
{(String(okcommande) !== String("ko") ||
|
||||||
|
(String(props.packs).toLowerCase() === String("decouverte"))) &&
|
||||||
|
String(payment_in_process) !== "1"
|
||||||
|
&& stripe_existing_souscription_id &&
|
||||||
|
|
||||||
|
<Popup
|
||||||
|
trigger={<Button variant="contained" color="success" className="div_row22 btn_enreg_cmd "
|
||||||
|
>
|
||||||
|
Mettre à jour mon abonnement
|
||||||
|
|
||||||
|
</Button>}
|
||||||
|
modal
|
||||||
|
nested
|
||||||
|
position="center center"
|
||||||
|
>
|
||||||
|
{close => (
|
||||||
|
<div>
|
||||||
|
<button className="gest_close" onClick={close}>
|
||||||
|
×
|
||||||
|
</button>
|
||||||
|
<div className="gest_header"> MySy Information </div>
|
||||||
|
<div className="gest_content">
|
||||||
|
{' '}
|
||||||
|
|
||||||
|
<b>Important :</b> <br/>
|
||||||
|
La modification de votre abonnement va entrainer la désactivation de vos formations en cours. Mais vous pourrez les réactiver selon les conditions de votre nouvel abonnement.</div>
|
||||||
|
<div className="gest_actions">
|
||||||
|
<div style={{ "width": "45%", "float": "left" }}>
|
||||||
|
<button className="gest_bton_popup" onClick={(event) => {
|
||||||
|
Ordervalidation();
|
||||||
|
close();
|
||||||
|
}}> Valider </button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div style={{ "width": "45%", "float": "right" }}>
|
||||||
|
<button
|
||||||
|
className="gest_bton_popup"
|
||||||
|
onClick={() => {
|
||||||
|
|
||||||
|
close();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Annuler
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</Popup>
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
{String(okcommande) === String("ko") && (String(props.packs).toLowerCase() !== String("decouverte")) &&
|
{String(okcommande) === String("ko") && (String(props.packs).toLowerCase() !== String("decouverte")) &&
|
||||||
String(payment_in_process) !== "1"
|
String(payment_in_process) !== "1"
|
||||||
&& <Button variant="contained" disabled className="div_row22 btn_enreg_cmd " onClick={""}>Confirmer la commande</Button>}
|
&& <Button variant="contained" disabled className="div_row22 btn_enreg_cmd " onClick={""}>Confirmer la commande</Button>}
|
||||||
|
|
|
@ -564,8 +564,8 @@ const Partner = (props) => {
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
|
|
||||||
{String(menu) !== "abonnement" && <div className="sousmenu" onClick={pricing_func} > MES PRIX </div>}
|
{String(menu) !== "pricing" && <div className="sousmenu" onClick={pricing_func} > MES PRIX </div>}
|
||||||
{String(menu) === "abonnement" && <div className="sousmenu_selected" onClick={pricing_func} > MES PRIX </div>}
|
{String(menu) === "pricing" && <div className="sousmenu_selected" onClick={pricing_func} > MES PRIX </div>}
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -254,12 +254,6 @@ function PartnerSignIn() {
|
||||||
<Input type="password" placeholder="Password" name="pwd_partner" />
|
<Input type="password" placeholder="Password" name="pwd_partner" />
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
|
|
||||||
<FormGroup >
|
|
||||||
<Label className="erreurconnexion" >Clé Secrete</Label>
|
|
||||||
<Input type="password" placeholder="Secret Secret" name="secret_partner" />
|
|
||||||
</FormGroup>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div className="div_row22">
|
<div className="div_row22">
|
||||||
<Button variant="contained" color="success" className="div_row22 btn_login button" onClick={onSubmit}>Connectez-Vous</Button>
|
<Button variant="contained" color="success" className="div_row22 btn_login button" onClick={onSubmit}>Connectez-Vous</Button>
|
||||||
|
|
|
@ -180,6 +180,59 @@
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn_modif_nb_ftion {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nb_ftion {
|
||||||
|
text-align: center;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg_new_nb_ftion {
|
||||||
|
width: 95%;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_annule_new_nb_ftion {
|
||||||
|
width: 95%;
|
||||||
|
background-color: black !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_nb_ftion {}
|
||||||
|
|
||||||
|
|
||||||
|
.pave_change_ftion {
|
||||||
|
text-align: right;
|
||||||
|
border-left: 2px solid;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_btn_enreg_new_nb_ftion {
|
||||||
|
text-align: left;
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_btn_annule_new_nb_ftion {
|
||||||
|
text-align: left;
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -276,6 +329,7 @@
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_row_gauche {
|
.div_row_gauche {
|
||||||
|
@ -339,6 +393,63 @@
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn_modif_nb_ftion {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nb_ftion {
|
||||||
|
text-align: center;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg_new_nb_ftion {
|
||||||
|
width: 95%;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_annule_new_nb_ftion {
|
||||||
|
width: 95%;
|
||||||
|
background-color: black !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pave_nb_ftion {}
|
||||||
|
|
||||||
|
|
||||||
|
.pave_change_ftion {
|
||||||
|
text-align: right;
|
||||||
|
border-left: 2px solid;
|
||||||
|
padding-left: 5px;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_btn_enreg_new_nb_ftion {
|
||||||
|
text-align: left;
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_btn_annule_new_nb_ftion {
|
||||||
|
text-align: left;
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -433,6 +544,7 @@
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_row_gauche {
|
.div_row_gauche {
|
||||||
|
@ -497,6 +609,63 @@
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn_modif_nb_ftion {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nb_ftion {
|
||||||
|
text-align: center;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg_new_nb_ftion {
|
||||||
|
width: 95%;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_annule_new_nb_ftion {
|
||||||
|
width: 95%;
|
||||||
|
background-color: black !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pave_nb_ftion {}
|
||||||
|
|
||||||
|
|
||||||
|
.pave_change_ftion {
|
||||||
|
text-align: right;
|
||||||
|
border-left: 2px solid;
|
||||||
|
padding-left: 5px;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_btn_enreg_new_nb_ftion {
|
||||||
|
text-align: left;
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_btn_annule_new_nb_ftion {
|
||||||
|
text-align: left;
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
@ -658,7 +827,7 @@
|
||||||
|
|
||||||
.list_produits_service {
|
.list_produits_service {
|
||||||
font-size: small;
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn_retour_ps {
|
.btn_retour_ps {
|
||||||
background-color: rgb(228, 236, 228) !important;
|
background-color: rgb(228, 236, 228) !important;
|
||||||
|
@ -674,7 +843,7 @@
|
||||||
font-size: small;
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nb_ftion{
|
.nb_ftion {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
@ -696,6 +865,28 @@
|
||||||
font-size: small;
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pave_nb_ftion {}
|
||||||
|
|
||||||
|
|
||||||
|
.pave_change_ftion {
|
||||||
|
text-align: right;
|
||||||
|
border-left: 2px solid;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_btn_enreg_new_nb_ftion {
|
||||||
|
text-align: left;
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pave_btn_annule_new_nb_ftion {
|
||||||
|
text-align: left;
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -78,7 +78,6 @@
|
||||||
font-size: small;
|
font-size: small;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 0.8rem;
|
margin-bottom: 0.8rem;
|
||||||
color: #ffffff;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -489,13 +488,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_droite {
|
.div_droite {
|
||||||
float: right;
|
float: left;
|
||||||
//border: 1px solid black;
|
//border: 1px solid black;
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 79%;
|
width: 80%;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 1px;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: rgb(10, 42, 77);
|
color: rgb(10, 42, 77);
|
||||||
|
@ -571,18 +570,18 @@
|
||||||
|
|
||||||
.div_gauche {
|
.div_gauche {
|
||||||
float: left;
|
float: left;
|
||||||
border: 1px solid black;
|
border: 0px solid black;
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 19%;
|
width: 19%;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 1px;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
margin-right: 5px;
|
margin-right: 1px;
|
||||||
background-color: #104277;
|
background-color: #104277;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: white;
|
color: white;
|
||||||
margin-left: 5px;
|
margin-left: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.containerBox {
|
.containerBox {
|
||||||
|
|
Loading…
Reference in New Issue