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 styles for profile-user info in profile page

Browse Source
This commit is contained in:
Kostya
2023-11-25 23:44:03 +03:00
parent 814be2e8fb
commit ca303e8637
7 changed files with 107 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,7 +8,15 @@
<section class="profile">
<div class="profile__content">
<img class="profile__user--img" src="@/assets/icons-test/person-icon-profile.png">
<div class="profile__card">
<h1>{{ username }}</h1>
<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">Пополнить <img class="deposit-icon" src="@/assets/icons-profile/icon-deposit.svg"></a>
<a href="#" class="withdraw text-btn btn-bg btn-display">Вывести <img class="withdraw-icon" src="@/assets/icons-profile/icon-withdraw.svg"></a>
</div>
</div>
<div class="payments">
<div class="payments__content">
@@ -26,7 +34,13 @@ import HeaderComponent from "@/components/HeaderComponent.vue";
import '@/assets/css/PagesStyles/profile.css'
export default {
components: { HeaderComponent, AsideBarComponent, ChatComponent }
components: { HeaderComponent, AsideBarComponent, ChatComponent },
data() {
return {
username: 'Artemka',
balance: 25000
}
}
}
</script>