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"
name="nom_carte"
className="texte_area"
className="texte_area_carte"
sx={{ m: 1, width: '95%' }}
variant="standard"
/>
<TextField
@ -281,10 +281,9 @@ function PaymentMethodeNoConnect(props) {
name="num_carte"
id="num_carte"
autoComplete="off"
className="texte_area"
className="texte_area_carte"
sx={{ m: 1, width: '95%' }}
variant="standard"
/>
<TextField
@ -295,11 +294,11 @@ function PaymentMethodeNoConnect(props) {
id="date_exp"
autoComplete="new-qsq"
value={dateexp}
className="texte_area"
className="texte_area_carte"
sx={{ m: 1, width: '45%' }}
onChange={Checkdate_expdate_exp}
onBlur={Onleave_expdate_exp}
variant="standard"
/>
<TextField
@ -307,10 +306,9 @@ function PaymentMethodeNoConnect(props) {
autoComplete='off'
label="CVV"
name="cvv"
className="texte_area"
className="texte_area_carte"
sx={{ m: 1, width: '45%' }}
variant="standard"
/>
@ -330,7 +328,7 @@ function PaymentMethodeNoConnect(props) {
<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>
<OutlinedInput
id="current_pwd"
@ -358,7 +356,7 @@ function PaymentMethodeNoConnect(props) {
</FormControl>
<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>
<OutlinedInput

View File

@ -25,6 +25,20 @@
color: black;
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 {
width: 96% !important;
@ -183,6 +197,20 @@
color: black;
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 {
width: 96% !important;
@ -339,6 +367,20 @@
color: black;
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 {
width: 96% !important;
@ -495,6 +537,20 @@
color: black;
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 {
width: 96% !important;
@ -630,4 +686,8 @@
.css-1ptx2yq-MuiInputBase-root-MuiInput-root{
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) {
text-align: left;
.css-1x51dt5-MuiInputBase-input-MuiInput-input{
.css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important;
}
.texte_area{
.texte_area {
float: left;
width: 90% !important;
font-size: x-small !important;
@ -14,7 +14,7 @@
margin: 0.4rem !important;
}
.texte_area_adress{
.texte_area_adress {
float: left;
width: 90% !important;
font-size: x-small !important;
@ -22,7 +22,7 @@
margin: 0.4rem !important;
}
.texte_area_passwd{
.texte_area_passwd {
float: left;
width: 90% !important;
font-size: x-small !important;
@ -32,7 +32,7 @@
input{
input {
font-size: small !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
@ -51,7 +51,7 @@
float: left;
width: 100%;
}
.semi_hr_gauche {
width: 40%;
@ -132,11 +132,11 @@
@media only screen and (min-width: 601px) and (max-width: 991px) {
text-align: left;
.css-1x51dt5-MuiInputBase-input-MuiInput-input{
.css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important;
}
.texte_area{
.texte_area {
float: left;
width: 47% !important;
font-size: x-small !important;
@ -144,7 +144,7 @@
margin: 0.4rem !important;
}
.texte_area_adress{
.texte_area_adress {
float: left;
width: 95% !important;
font-size: x-small !important;
@ -152,7 +152,7 @@
margin: 0.4rem !important;
}
.texte_area_passwd{
.texte_area_passwd {
float: left;
width: 95% !important;
font-size: x-small !important;
@ -253,11 +253,11 @@
@media only screen and (min-width: 992px) and (max-width: 1199px) {
text-align: left;
.css-1x51dt5-MuiInputBase-input-MuiInput-input{
.css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important;
}
.texte_area{
.texte_area {
float: left;
width: 47% !important;
font-size: x-small !important;
@ -265,7 +265,7 @@
margin: 0.4rem !important;
}
.texte_area_adress{
.texte_area_adress {
float: left;
width: 95% !important;
font-size: x-small !important;
@ -273,7 +273,7 @@
margin: 0.4rem !important;
}
.texte_area_passwd{
.texte_area_passwd {
float: left;
width: 95% !important;
font-size: x-small !important;
@ -373,10 +373,11 @@
@media only screen and (min-width: 1200px) {
text-align: left;
.css-1x51dt5-MuiInputBase-input-MuiInput-input{
.css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important;
}
.texte_area{
.texte_area {
float: left;
width: 47% !important;
font-size: x-small !important;
@ -385,7 +386,7 @@
margin-top: 0px !important;
}
.texte_area_adress{
.texte_area_adress {
float: left;
width: 95% !important;
font-size: x-small !important;
@ -393,7 +394,7 @@
margin: 0.4rem !important;
}
.texte_area_passwd{
.texte_area_passwd {
float: left;
width: 95% !important;
font-size: x-small !important;
@ -401,7 +402,7 @@
margin: 0.4rem !important;
}
.titre1 {
font-family: "Quicksand", "Signika", sans-serif;
font-size: medium;
@ -500,6 +501,13 @@
margin-bottom: 2rem;
font-style: italic;
}
}
}
.css-mnn31 {
font-size: small !important;
}
}