From 29c426b7747ef16f9ab904a5ff030668ff061e62 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 26 Nov 2023 17:26:34 +0300
Subject: [PATCH] added dynamic styles for color transactions in profile

---
 luckydiamond/src/assets/css/PagesStyles/profile.css | 9 ++++++++-
 luckydiamond/src/pages/ProfilePage.vue              | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/profile.css b/luckydiamond/src/assets/css/PagesStyles/profile.css
index 5a69f56..55a9591 100644
--- a/luckydiamond/src/assets/css/PagesStyles/profile.css
+++ b/luckydiamond/src/assets/css/PagesStyles/profile.css
@@ -152,8 +152,15 @@
 }
 
 .transaction-info__text h3 {
-    color: #EA3D38;
     font-weight: 500;
     font-family: Montserrat;
     font-size: 22px;
+}
+
+.deposit-color h3 {
+    color: #32C966;
+}
+
+.withdraw-color h3 {
+    color: #EA3D38;
 }
\ No newline at end of file
diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index 692bf0a..c996e2b 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -40,7 +40,7 @@
             <div class="data-info data-info__text">
               <h3>{{ payment.data }}</h3>
             </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>
             </div>
           </div>