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

added dynamic styles for color transactions in profile

Browse Source
This commit is contained in:
Kostya
2023-11-26 17:26:34 +03:00
parent e9807e0efb
commit 29c426b774
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -152,8 +152,15 @@
} }
.transaction-info__text h3 { .transaction-info__text h3 {
color: #EA3D38;
font-weight: 500; font-weight: 500;
font-family: Montserrat; font-family: Montserrat;
font-size: 22px; font-size: 22px;
}
.deposit-color h3 {
color: #32C966;
}
.withdraw-color h3 {
color: #EA3D38;
} }

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

@@ -40,7 +40,7 @@
<div class="data-info data-info__text"> <div class="data-info data-info__text">
<h3>{{ payment.data }}</h3> <h3>{{ payment.data }}</h3>
</div> </div>
<div class="transaction-info transaction-info__text"> <div class="transaction-info transaction-info__text" :class="{ 'withdraw-color': payment.amount < 0, 'deposit-color': payment.amount > 0 }">
<h3>{{ payment.amount }} АР</h3> <h3>{{ payment.amount }} АР</h3>
</div> </div>
</div> </div>