все добавил но звук не работае как и кнопка мута чата , история платежей тоже говно работет

luckydiamond/src/assets/css/ComponentsStyles/asidebar.css

@@ -20,7 +20,20 @@
     align-items: center;
     height: 100%;
 }
-
+.fotosloti {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 0.1vh;
+}
+.fotosloti a img {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    max-width: 100%;
+    max-height: 100%;
+}
 .menu__content--gamemodes {
     background: rgba(217, 217, 217, 0.12);
     filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));

luckydiamond/src/assets/css/ComponentsStyles/chat.css

@@ -41,7 +41,11 @@
     font-size: 18px;
     font-weight: 700;
 }
-
+.chat__mute-button {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+  }
 /* .content p {
     width: 80%;
     word-wrap: break-word;

luckydiamond/src/assets/css/PagesStyles/profile.css

@@ -8,9 +8,17 @@
     padding-top: 10px;
     border-radius: 20px;
 }
+
 .profile__card {
     display: flex;
     flex-direction: column;
+}.hisorypaymond {
+     /* height: 590px; */
+     height: 70vh;
+     width: auto;
+     overflow-y: auto;
+     overflow-x: auto;
+     overflow-y: auto;
 }
 .profile__card h1 {
     color: #FFF;

luckydiamond/src/assets/css/PagesStyles/settings.css

@@ -6,4 +6,26 @@
     background: #17181C;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
     margin: 10px 39px 18px 13px;
-}
+}
+#volume-control {
+    display: flex;
+    align-items: center;
+  }
+  
+  #volume-up, #volume-down {
+    width: 30px;
+    height: 30px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    background-color: #fff;
+    cursor: pointer;
+  }
+  
+  #volume-indicator {
+    width: 100px;
+    height: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    background-color: #ccc;
+  }
+  

luckydiamond/src/components/AsidebarComponent.vue

@@ -6,7 +6,7 @@
       </div>
       <div class="menu__btns--gamemodes">
         <div class="menu__content--gamemodes">
-          <a href="#"><img class="menu__content--slots-icon" src="../assets/icons-menu/slots-icon.svg"></a>
+          <div class="fotosloti"><a href="#"><img  src="../assets/icons-menu/slots-icon.svg" ></a></div>
           <a href="#" @click="$router.push({ name: 'crash' })"><img  class="menu__content--cruch-icon" src="../assets/icons-menu/crush-icon.svg"></a>
           <a href="#"><img  src="../assets/icons-menu/case-icon.png"></a>
           <a href="#" @click="$router.push({ name: 'saper' })"><img  class="menu__content--bomb-icon" src="../assets/icons-menu/bomb-icon.svg"></a>

luckydiamond/src/components/ChatComponent.vue

@@ -31,6 +31,9 @@
       </ul>
     </div>
     <writechat-component @send="ClaimDatamsg"></writechat-component>
+    <div class="chat__mute-button">
+      <button @click="muteChat">Mute</button>
+    </div>
   </aside>
 </template>
 
@@ -72,6 +75,10 @@ export default {
         alert("Вы не можете отправлять сообщения чаще, чем раз в 2 секунды.");
       }
     },
+    muteChat() {
+      // Mute the chat by disabling the event listener for incoming messages.
+      this.eventBus.$off("dataChat");
+    },
   },
   mounted() {
     eventBus.on("dataChat", (dataFromServer) => {
@@ -128,4 +135,5 @@ export default {
 </script>
 
 <style scoped>
-</style>
+
+</style>

luckydiamond/src/pages/HomePage.vue

@@ -81,7 +81,7 @@
               <ul>
                 <li v-for="mode in twolinefirstelementGameMode" :key="mode">
                   <div :class="'linecontent-' + mode.id">
-                    <h3 class="title-twoline">{{ mode.title }}</h3>
+                    <h3 class="title-twoline">скоро</h3>
                   </div>
                   <div class="container">
                     <a href="#" class="line__btn"

luckydiamond/src/pages/ProfilePage.vue

@@ -13,6 +13,7 @@
       </div>
       <div class="profile__btns--payments">
         <a href="#" class="text-btn btn-bg btn-margin btn-display" @click="depositClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a>
+        <a href="#" class="withdraw text-btn btn-bg btn-display" @click="claimDataDeposit(1000)"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
         <a href="#" class="withdraw text-btn btn-bg btn-display" @click="withdrawClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
       </div>
     </div>
@@ -32,6 +33,7 @@
           </div>
           <div class="types-line"></div>
         </div>
+        <div class="hisorypaymond">
         <div class="payments__history">
           <div class="payments__card" v-for="payment in arrayHistory" :key="payment.id">
             <div class="user-info">
@@ -49,9 +51,10 @@
             <div class="transaction-info transaction-info__text" :class="{ 'withdraw-color': payment.amount < 0, 'deposit-color': payment.amount > 0 }">
               <h3>{{ payment.amount }} АР</h3>
             </div>
-            
           </div>
-        </div>
+          </div>
+        
+      </div>
       </div>
     </div>
   </section>
@@ -110,7 +113,7 @@ export default {
       });
     })
     .catch(error => {
-      console.error('Error fetching payment history:', error);
+      console.error('Error fetching hisorypaymond:', error);
     });
     this.username = GetCookie('SpUserName')
     GetCurrentMoney(GetCookie('AUTHTOKEN'), GetCookie('SearchToken'))

luckydiamond/src/pages/SettingsPage.vue

@@ -6,7 +6,16 @@
 
     <header-component></header-component>
 
-  <section class="settings"></section>
+  <section class="settings">
+    
+     <div id="volume-control">
+    <button id="volume-up" @click="volumeUp">+</button>
+    <button id="volume-down" @click="volumeDown">-</button>
+  </div>
+    
+    
+
+  </section>
     
   </div>
 </template>
@@ -19,10 +28,42 @@ import HeaderComponent from "@/components/HeaderComponent.vue";
 import '@/assets/css/PagesStyles/settings.css'
 export default {
   components: {
-  ChatComponent,
-  HeaderComponent,
-  AsideBarComponent
-}
+    ChatComponent,
+    HeaderComponent,
+    AsideBarComponent
+  },
+  methods: {
+    volumeUp() {
+      var volume = document.getElementById("volume-indicator").value;
+      if (volume) {
+        volume += 10;
 
+        if (volume > 100) {
+          volume = 100;
+        }
+
+        document.getElementById("volume-indicator").value = volume;
+      } else {
+        console.error("Element with id 'volume-indicator' not found or does not have a value property.");
+      }
+    },
+    // остальной код метода volumeDown()
+  
+    volumeDown() {
+      // Получить текущий уровень громкости
+      var volume = document.getElementById("volume-indicator").value;
+
+      // Уменьшить уровень громкости на 10%
+      volume -= 10;
+
+      // Убедиться, что уровень громкости не ниже 0%
+      if (volume < 0) {
+        volume = 0;
+      }
+
+      // Установить новый уровень громкости
+      document.getElementById("volume-indicator").value = volume;
+    },
+  },
 }
 </script>