create bitton

This commit is contained in:
Madara0330E
2024-02-20 20:04:45 +03:00
parent f145c085da
commit e390e8dcf7
4 changed files with 45 additions and 4 deletions

View File

@@ -67,7 +67,44 @@
font-size: 12px; font-size: 12px;
padding-left: 40px; padding-left: 40px;
} }
.promo-input {
width: 284px;
height: 44px;
border-radius: 15px;
border: 2px solid #2B3458;
background: #22252F;
color: rgba(148, 148, 148, 0.95);
font-weight: 700;
font-family: Montserrat Alternates;
font-size: 12px;
padding-left: 40px;
flex: 3.5;
font-weight: 700px;
}
.vvod_promocoda {
flex: 1;
width: 52px;
height: 44px;
background-color: #EF4444;
margin-left: 10px;
margin-right: 16px;
justify-content: center;
align-items: center;
display: flex;
border-radius: 10px;
font-family: Montserrat Alternates;
font-weight: 600;
font-size: 19px;
color: #fff;
border: none;
}
.promokods {
display: flex;
flex-wrap: nowrap;
}
.display-btns { .display-btns {
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;
@@ -85,6 +122,7 @@
border: none; border: none;
margin-right: 6px; margin-right: 6px;
padding: 4px 19px; padding: 4px 19px;
} }
.deposit-promocode { .deposit-promocode {
@@ -160,7 +198,7 @@ input[type="checkbox"]:checked::before {
.btn-style-payments button { .btn-style-payments button {
border-radius: 10px; border-radius: 10px;
background: #EF4444; background: #EF4444;
ont-family: Montserrat Alternates; Font-family: Montserrat Alternates;
font-size: 16px; font-size: 16px;
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;

View File

@@ -159,7 +159,7 @@
<p>Designer</p> <p>Designer</p>
</div> </div>
<div class="CLARFFY_icons"> <div class="CLARFFY_icons">
<a href="https://t.me/poko084" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a> <a href="https://t.me/LDpoko" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
<a href="https://discordapp.com/users/784873585852284938" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a> <a href="https://discordapp.com/users/784873585852284938" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a>
</div> </div>
</div> </div>

View File

@@ -38,8 +38,11 @@
</div> </div>
<div class="deposit-promocode deposit-promocode__padding--input"> <div class="deposit-promocode deposit-promocode__padding--input">
<h3>Промокод</h3> <h3>Промокод</h3>
<div class="promokods">
<input @focusout="checkValidationPromocode" v-model="promocode" class="promo-input" type="text" /> <input @focusout="checkValidationPromocode" v-model="promocode" class="promo-input" type="text" />
<button class="vvod_promocoda">Ввод</button>
</div> </div>
</div>
<div class="error-checkbox" v-if="errorAgree"> <div class="error-checkbox" v-if="errorAgree">
<h2>Подтвердите согласие!</h2> <h2>Подтвердите согласие!</h2>
</div> </div>