From dc3fa5717e4769269c64df80a132e13f7c2bb274 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Mon, 13 Nov 2023 23:00:52 +0300
Subject: [PATCH] added balance count card

---
 .../icons/icon-deepslate_diamond_ore.png      | Bin 0 -> 2097 bytes
 luckydiamond/src/pages/HeaderElement.vue      |  30 ++++++++++++++++--
 2 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 luckydiamond/src/assets/icons/icon-deepslate_diamond_ore.png

diff --git a/luckydiamond/src/assets/icons/icon-deepslate_diamond_ore.png b/luckydiamond/src/assets/icons/icon-deepslate_diamond_ore.png
new file mode 100644
index 0000000000000000000000000000000000000000..68812108fa0de6d5dbd63df94ebb81023f5608c1
GIT binary patch
literal 2097
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
bJnO#z;Oz6o;Pm9b00000NkvXXu0mjfiKXF%

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index 6cbf93f..d1019a7 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -12,7 +12,11 @@
           </nav>
       </div>
       <div class="header__balance">
-        <h1>25000</h1>
+        <div class="header__balance--content">
+          <div class="balance__count">
+            <h2><img src="../assets/icons/icon-deepslate_diamond_ore.png">{{ balance }}</h2>
+          </div>
+        </div>
       </div>
     </div>
   </header>
@@ -20,7 +24,12 @@
 
 <script>
 export default {
-  name: 'Header-Element-page'
+  name: 'Header-Element-page',
+  data() {
+    return {
+      balance: 25000
+    }
+  }
 }
 </script>
 
@@ -93,4 +102,21 @@ export default {
   bottom: -7px;
   left: 0;
 }
+.balance__count {
+  border-radius: 9px;
+  padding: 10px 10px;
+  background: #22252F;
+  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+.balance__count h2 {
+  display: flex;
+  align-items: center;
+  color: #fff;
+  font-family: Montserrat Alternates;
+  font-weight: 700;
+  font-size: 18px;
+}
+.balance__count h2 img {
+  margin-right: 6px;
+}
 </style>
\ No newline at end of file