From 5cdd3025e2451370cc59b2e38b645c7b28837e1a Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 4 Feb 2024 23:45:25 +0300
Subject: [PATCH] added func for changed color for ratio-show in crash

---
 .../src/assets/css/PagesStyles/games-pages/crash.css         | 5 +++++
 .../src/components/games-components/CrashGraphComponent.vue  | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css
index 46d41b9..393fdb3 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css
@@ -152,6 +152,11 @@
     transition: .3s ease;
 }
 
+.lost-ratio {
+    color: #EF4444;
+    font-weight: 700;
+}
+
 /* /Crash-Graph */
 
 /* Crash-Players */
diff --git a/luckydiamond/src/components/games-components/CrashGraphComponent.vue b/luckydiamond/src/components/games-components/CrashGraphComponent.vue
index 819f07d..11f66ce 100644
--- a/luckydiamond/src/components/games-components/CrashGraphComponent.vue
+++ b/luckydiamond/src/components/games-components/CrashGraphComponent.vue
@@ -5,7 +5,7 @@
       :options="options"
       v-else
   />
-  <h2>{{ crashdata.CurrentX ? crashdata.CurrentX.toFixed(2) : '' }}</h2>
+  <h2 :class="{ 'lost-ratio' : crashdata.Status === 'GameEnd' }">{{ crashdata.CurrentX ? crashdata.CurrentX.toFixed(2) : '' }}</h2>
 </template>
 
 <script>
@@ -72,7 +72,7 @@ export default {
           {
             label: "Foo",
             data: this.dataValues,
-            borderColor: "#4E5EF2",
+            borderColor: '#4E5EF2',
             pointStyle: "circle",
             pointRadius: 0,
             pointHoverRadius: 2,