changed template and added styles for modal payments in paymentsmodal component

This commit is contained in:
Kostya
2023-12-06 11:00:17 +03:00
parent 1f82c56905
commit 6b28e3b39c
2 changed files with 90 additions and 11 deletions

View File

@@ -63,7 +63,8 @@ input:focus {
left: 10%;
}
.deposit-icon__input input {
.deposit-icon__input input,
.withdraw-input input{
width: 350px;
height: 44px;
border-radius: 15px;
@@ -74,4 +75,68 @@ input:focus {
font-family: Montserrat Alternates;
font-size: 12px;
padding-left: 40px;
}
}
.display-btns {
display: flex;
margin-top: 10px;
}
.btns-style-diamonds button {
border-radius: 10px;
background: #252C47;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #FFF;
font-weight: 700;
line-height: 31px;
font-family: Montserrat Alternates;
font-size: 12px;
border: none;
padding: 4px 22px;
}
.deposit-promocode {
margin-top: 15px;
}
.deposit-promocode__padding--input input {
padding-left: 15px;
}
.btn-deposit,
.btn-withdraw {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
margin: 35% 6% 0 0;
}
.btn-style-payments button {
border-radius: 10px;
background: #EF4444;
ont-family: Montserrat Alternates;
font-size: 16px;
color: #fff;
font-weight: 700;
line-height: 19px;
padding: 22px 120px;
border: none;
}
/* Withdraw */
.payments-modal__withdraw {
margin-left: 26px;
}
.number-card {
margin-top: 15px;
}
.btn-withdraw {
margin-top: 30%;
}
/* /Withdraw */