yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

added some styles for profile-mobile

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

39
luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css
View File

@@ -35,6 +35,27 @@ body {
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 {
font-weight: 700;
color: #fff;
@@ -85,3 +106,21 @@ body {
font-family: Montserrat Alternates;
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;
}
}

4
luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue
View File

@@ -12,8 +12,8 @@
<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>
<div class="profile-mobile__btns-payments">
<a href="#"><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="deposit-button"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a>
<a href="#" class="withdraw-button"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
</div>
</div>
</div>