25/03/23 - 14h

recette2
cherif 2023-03-25 14:55:42 +01:00
parent 6782136d49
commit 1a70399898
3 changed files with 99 additions and 33 deletions

View File

@ -268,10 +268,10 @@ function PaymentMethodeNoConnect(props) {
label="Nom inscrit sur la carte" label="Nom inscrit sur la carte"
name="nom_carte" name="nom_carte"
className="texte_area" className="texte_area_carte"
sx={{ m: 1, width: '95%' }} sx={{ m: 1, width: '95%' }}
variant="standard"
/> />
<TextField <TextField
@ -281,10 +281,9 @@ function PaymentMethodeNoConnect(props) {
name="num_carte" name="num_carte"
id="num_carte" id="num_carte"
autoComplete="off" autoComplete="off"
className="texte_area" className="texte_area_carte"
sx={{ m: 1, width: '95%' }} sx={{ m: 1, width: '95%' }}
variant="standard"
/> />
<TextField <TextField
@ -295,11 +294,11 @@ function PaymentMethodeNoConnect(props) {
id="date_exp" id="date_exp"
autoComplete="new-qsq" autoComplete="new-qsq"
value={dateexp} value={dateexp}
className="texte_area" className="texte_area_carte"
sx={{ m: 1, width: '45%' }} sx={{ m: 1, width: '45%' }}
onChange={Checkdate_expdate_exp} onChange={Checkdate_expdate_exp}
onBlur={Onleave_expdate_exp} onBlur={Onleave_expdate_exp}
variant="standard"
/> />
<TextField <TextField
@ -307,10 +306,9 @@ function PaymentMethodeNoConnect(props) {
autoComplete='off' autoComplete='off'
label="CVV" label="CVV"
name="cvv" name="cvv"
className="texte_area" className="texte_area_carte"
sx={{ m: 1, width: '45%' }} sx={{ m: 1, width: '45%' }}
variant="standard"
/> />
@ -330,7 +328,7 @@ function PaymentMethodeNoConnect(props) {
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}> <Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<FormControl sx={{ m: 1, width: '100%' }} variant="standard" size="small" className="texte_area_passwd"> <FormControl sx={{ m: 1, width: '100%' }} variant="standard" size="small" className="texte_area_passwd carte_cle_pass">
<InputLabel htmlFor="outlined-adornment-password">Mot de passe</InputLabel> <InputLabel htmlFor="outlined-adornment-password">Mot de passe</InputLabel>
<OutlinedInput <OutlinedInput
id="current_pwd" id="current_pwd"
@ -358,7 +356,7 @@ function PaymentMethodeNoConnect(props) {
</FormControl> </FormControl>
<br /> <br />
<FormControl sx={{ m: 1, width: '100%' }} variant="standard" size="small" className="texte_area_passwd"> <FormControl sx={{ m: 1, width: '100%' }} variant="standard" size="small" className="texte_area_passwd carte_cle_pass">
<InputLabel htmlFor="outlined-adornment-password">Clé secrete</InputLabel> <InputLabel htmlFor="outlined-adornment-password">Clé secrete</InputLabel>
<OutlinedInput <OutlinedInput

View File

@ -25,6 +25,20 @@
color: black; color: black;
float: left; float: left;
} }
.texte_area_carte {
float: left;
width: 100% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0rem !important;
margin-right: 0.4rem !important;
margin-top: 0.4rem !important;
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
float: left;
}
.texte_area_adress { .texte_area_adress {
width: 96% !important; width: 96% !important;
@ -183,6 +197,20 @@
color: black; color: black;
float: left; float: left;
} }
.texte_area_carte {
float: left;
width: 100% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0rem !important;
margin-right: 0.4rem !important;
margin-top: 0.4rem !important;
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
float: left;
}
.texte_area_adress { .texte_area_adress {
width: 96% !important; width: 96% !important;
@ -339,6 +367,20 @@
color: black; color: black;
float: left; float: left;
} }
.texte_area_carte {
float: left;
width: 100% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0rem !important;
margin-right: 0.4rem !important;
margin-top: 0.4rem !important;
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
float: left;
}
.texte_area_adress { .texte_area_adress {
width: 96% !important; width: 96% !important;
@ -495,6 +537,20 @@
color: black; color: black;
float: left; float: left;
} }
.texte_area_carte {
float: left;
width: 100% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0rem !important;
margin-right: 0.4rem !important;
margin-top: 0.4rem !important;
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
float: left;
}
.texte_area_adress { .texte_area_adress {
width: 96% !important; width: 96% !important;
@ -630,4 +686,8 @@
.css-1ptx2yq-MuiInputBase-root-MuiInput-root{ .css-1ptx2yq-MuiInputBase-root-MuiInput-root{
font-size: small !important; font-size: small !important;
} }
.carte_cle_pass{
margin: 0px !important;
margin-top: 10px !important;
}

View File

@ -2,11 +2,11 @@
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
text-align: left; text-align: left;
.css-1x51dt5-MuiInputBase-input-MuiInput-input{ .css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important; font-size: small !important;
} }
.texte_area{ .texte_area {
float: left; float: left;
width: 90% !important; width: 90% !important;
font-size: x-small !important; font-size: x-small !important;
@ -14,7 +14,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
} }
.texte_area_adress{ .texte_area_adress {
float: left; float: left;
width: 90% !important; width: 90% !important;
font-size: x-small !important; font-size: x-small !important;
@ -22,7 +22,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
} }
.texte_area_passwd{ .texte_area_passwd {
float: left; float: left;
width: 90% !important; width: 90% !important;
font-size: x-small !important; font-size: x-small !important;
@ -32,7 +32,7 @@
input{ input {
font-size: small !important; font-size: small !important;
padding-top: 0.2rem; padding-top: 0.2rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
@ -51,7 +51,7 @@
float: left; float: left;
width: 100%; width: 100%;
} }
.semi_hr_gauche { .semi_hr_gauche {
width: 40%; width: 40%;
@ -132,11 +132,11 @@
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
text-align: left; text-align: left;
.css-1x51dt5-MuiInputBase-input-MuiInput-input{ .css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important; font-size: small !important;
} }
.texte_area{ .texte_area {
float: left; float: left;
width: 47% !important; width: 47% !important;
font-size: x-small !important; font-size: x-small !important;
@ -144,7 +144,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
} }
.texte_area_adress{ .texte_area_adress {
float: left; float: left;
width: 95% !important; width: 95% !important;
font-size: x-small !important; font-size: x-small !important;
@ -152,7 +152,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
} }
.texte_area_passwd{ .texte_area_passwd {
float: left; float: left;
width: 95% !important; width: 95% !important;
font-size: x-small !important; font-size: x-small !important;
@ -253,11 +253,11 @@
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
text-align: left; text-align: left;
.css-1x51dt5-MuiInputBase-input-MuiInput-input{ .css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important; font-size: small !important;
} }
.texte_area{ .texte_area {
float: left; float: left;
width: 47% !important; width: 47% !important;
font-size: x-small !important; font-size: x-small !important;
@ -265,7 +265,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
} }
.texte_area_adress{ .texte_area_adress {
float: left; float: left;
width: 95% !important; width: 95% !important;
font-size: x-small !important; font-size: x-small !important;
@ -273,7 +273,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
} }
.texte_area_passwd{ .texte_area_passwd {
float: left; float: left;
width: 95% !important; width: 95% !important;
font-size: x-small !important; font-size: x-small !important;
@ -373,10 +373,11 @@
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
text-align: left; text-align: left;
.css-1x51dt5-MuiInputBase-input-MuiInput-input{ .css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important; font-size: small !important;
} }
.texte_area{
.texte_area {
float: left; float: left;
width: 47% !important; width: 47% !important;
font-size: x-small !important; font-size: x-small !important;
@ -385,7 +386,7 @@
margin-top: 0px !important; margin-top: 0px !important;
} }
.texte_area_adress{ .texte_area_adress {
float: left; float: left;
width: 95% !important; width: 95% !important;
font-size: x-small !important; font-size: x-small !important;
@ -393,7 +394,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
} }
.texte_area_passwd{ .texte_area_passwd {
float: left; float: left;
width: 95% !important; width: 95% !important;
font-size: x-small !important; font-size: x-small !important;
@ -401,7 +402,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
} }
.titre1 { .titre1 {
font-family: "Quicksand", "Signika", sans-serif; font-family: "Quicksand", "Signika", sans-serif;
font-size: medium; font-size: medium;
@ -500,6 +501,13 @@
margin-bottom: 2rem; margin-bottom: 2rem;
font-style: italic; font-style: italic;
} }
} }
}
.css-mnn31 {
font-size: small !important;
}
}