fix payment history

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

@@ -102,6 +102,7 @@
 
 .types {
     display: flex;
+    justify-content: space-between;
 }
 
 .types-margin h3 {
@@ -116,27 +117,34 @@
 }
 
 .types-line {
+    flex-grow: 1; /* Add this line */
     margin-top: 2.1%;
     background: #38383E;
-    width: 86%;
     height: 3px;
 }
 
 .payments__card {
     margin-top: 4.9%;
     display: flex;
+    align-items: center; /* Center vertically */
 }
 
 .user-info {
     display: flex;
+    align-items: center; /* Center vertically */
+    margin-right: 1em; /* Add margin for spacing */
 }
 
 .user-name {
     display: flex;
     flex-direction: column;
     margin-left: 0.625em;
+    align-items: center; /* Center horizontally */
+    margin-top: -0.5em; /* Adjust this value as needed */
 }
 
+
+
 .user-name__text h3 {
     color: #FFF;
     font-weight: 700;
@@ -152,7 +160,8 @@
 }
 
 .data-info {
-    margin-left: 10%;
+    margin-left: auto; /* Push to the right */
+    margin-right: auto; /* Push to the left */
 }
 
 .data-info__text h3 {
@@ -163,7 +172,7 @@
 }
 
 .transaction-info {
-    margin-left: 7%;
+    margin-right: 1em; /* Add margin for spacing */
 }
 
 .transaction-info__text h3 {

luckydiamond/src/pages/ProfilePage.vue

@@ -17,6 +17,7 @@
       <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="withdrawClick"><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="claimDataDeposit(10)"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
       </div>
     </div>
     <div class="payments">
@@ -35,7 +36,6 @@
               <img src="@/assets/icons-test/person-icon-profile-userinfo.png">
               <div class="user-name user-name__text">
                 <h3>{{ payment.name }}</h3>
-                <p>{{ payment.comment }}</p>
               </div>
             </div>
             <div class="data-info data-info__text">
@@ -128,8 +128,7 @@ export default {
     },
     claimDataDeposit(amount) {
       const historyPayments = {
-        name: 'TEST USER',
+        name: 'Пополнение',
-        comment: 'test',
         data: this.getCurrentFormattedDate(),
         amount: amount
       }
@@ -138,8 +137,7 @@ export default {
     },
     claimDataWithdraw(amount) {
       const historyPayments = {
-        name: 'TEST USER',
+        name: 'Вывод',
-        comment: 'test',
         data: this.getCurrentFormattedDate(),
         amount: -amount
       }