added some styles for profile-mobile

This commit is contained in:
Kostya
2023-12-20 18:48:10 +03:00
parent e6cfb7a32d
commit 89ba138405
2 changed files with 41 additions and 2 deletions

View File

@@ -35,6 +35,27 @@ body {
flex-direction: column; flex-direction: column;
} }
.profile-mobile__btns-payments a {
display: flex;
color: #17181C;
border-radius: 10px;
font-family: Montserrat Alternates;
font-size: 18px;
font-weight: 700;
text-decoration: none;
padding: 20px 20px;
margin: 0 0 5px 0
}
.profile-mobile__btns-payments .deposit-button {
background: #62D4B2;
margin-top: 10px;
}
.withdraw-button {
background: #EF4444;
}
.text-default-mobile h2, h3 { .text-default-mobile h2, h3 {
font-weight: 700; font-weight: 700;
color: #fff; color: #fff;
@@ -85,3 +106,21 @@ body {
font-family: Montserrat Alternates; font-family: Montserrat Alternates;
font-size: 28px; font-size: 28px;
} }
@media screen and (max-device-width: 415px) {
.header-mobile {
height: 45%;
}
.profile-mobile__content {
margin-top: -10%;
flex-direction: column;
text-align: center;
align-items: center;
}
.macroinfo-profile {
margin: 0;
}
.info-profile {
margin: 0;
}
}

View File

@@ -12,8 +12,8 @@
<h3 class="text-nickname-user">Artmeka</h3> <h3 class="text-nickname-user">Artmeka</h3>
<h3 class="balance-border balance-display balance-text"><img src="@/assets/icons-profile/icon-diamond-ore.png">999</h3> <h3 class="balance-border balance-display balance-text"><img src="@/assets/icons-profile/icon-diamond-ore.png">999</h3>
<div class="profile-mobile__btns-payments"> <div class="profile-mobile__btns-payments">
<a href="#"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a> <a href="#" class="deposit-button"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a>
<a href="#"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a> <a href="#" class="withdraw-button"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
</div> </div>
</div> </div>
</div> </div>