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

refactor profile btns, profilepage

Browse Source
This commit is contained in:
Kostya
2023-12-06 12:28:00 +03:00
parent 7642dc1cb5
commit 6285eef3ed
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
luckydiamond/src/assets/css/PagesStyles/profile.css
View File

@@ -34,6 +34,7 @@
font-weight: 700;
font-family: Montserrat Alternates;
font-size: 28px;
padding-left: 11px;
}
.profile__card h2 img {
@@ -69,6 +70,7 @@
.btn-margin {
padding: 3.8% 46% 3% 14%;
margin-bottom: 11px;
background: #62D4B2;
}
.btn-display {
@@ -78,15 +80,21 @@
.text-btn {
text-decoration: none;
color: #FFF;
color: #000;
font-weight: 700;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates;
font-size: 18px;
margin-left: 4px;
}
.icon-margin-deposit-withdraw {
margin-right: 4px;
}
.withdraw {
padding: 3.8% 46% 3% 14%;
background: #EF4444;
}

4
luckydiamond/src/pages/ProfilePage.vue
View File

@@ -14,8 +14,8 @@
<h2><img src="@/assets/icons-profile/icon-diamond-ore.png">{{ balance }}</h2>
</div>
<div class="profile__btns--payments">
<a href="#" class="text-btn btn-bg btn-margin btn-display" @click="depositClick"><img src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a>
<a href="#" class="withdraw text-btn btn-bg btn-display" @click="withdrawClick"><img src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
<a href="#" class="text-btn btn-bg btn-margin btn-display" @click="depositClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a>
<a href="#" class="withdraw text-btn btn-bg btn-display" @click="withdrawClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
</div>
</div>
<div class="payments">