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

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-weight: 700;
font-family: Montserrat Alternates; font-family: Montserrat Alternates;
font-size: 28px; font-size: 28px;
padding-left: 11px;
} }
.profile__card h2 img { .profile__card h2 img {
@@ -69,6 +70,7 @@
.btn-margin { .btn-margin {
padding: 3.8% 46% 3% 14%; padding: 3.8% 46% 3% 14%;
margin-bottom: 11px; margin-bottom: 11px;
background: #62D4B2;
} }
.btn-display { .btn-display {
@@ -78,15 +80,21 @@
.text-btn { .text-btn {
text-decoration: none; text-decoration: none;
color: #FFF; color: #000;
font-weight: 700; font-weight: 700;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates; font-family: Montserrat Alternates;
font-size: 18px; font-size: 18px;
margin-left: 4px;
}
.icon-margin-deposit-withdraw {
margin-right: 4px;
} }
.withdraw { .withdraw {
padding: 3.8% 46% 3% 14%; 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> <h2><img src="@/assets/icons-profile/icon-diamond-ore.png">{{ balance }}</h2>
</div> </div>
<div class="profile__btns--payments"> <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="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 src="@/assets/icons-profile/icon-withdraw.png"> Вывести</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> </div>
<div class="payments"> <div class="payments">