From fe9a6626eab9f1eb54d14d7ddc8c2888c06ba8f2 Mon Sep 17 00:00:00 2001
From: xds <iam@voroninv.ru>
Date: Tue, 11 Feb 2025 16:11:02 +0300
Subject: [PATCH] new version of budget view

---
 src/components/budgets/BudgetView2.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/budgets/BudgetView2.vue b/src/components/budgets/BudgetView2.vue
index 788ef22..a2f4ce8 100644
--- a/src/components/budgets/BudgetView2.vue
+++ b/src/components/budgets/BudgetView2.vue
@@ -834,7 +834,7 @@ onMounted(async () => {
               <ProgressBar :value="value" class="mt-2 col-span-2" style="height: 1rem !important;"></ProgressBar>
 
             </div>
-            <div class=" h-full  overflow-y-auto gap-4 flex-col row-span-6  hidden lg:flex">
+            <div class=" h-fit overflow-y-auto gap-4 flex-col row-span-6  hidden lg:flex">
               <div class="flex flex-row gap-4">
                 <h3 class="text-2xl font-bold">Транзакции</h3>
                 <button @click="openDrawer('INSTANT', 'EXPENSE')">
@@ -934,7 +934,7 @@ onMounted(async () => {
                     <span class="font-light text-sm">+ Добавить</span>
                   </button>
                 </div>
-                <ul class="grid grid-cols-2 gap-4">
+                <ul class="grid grid-cols-1 md:grid-cols-2 gap-4">
                   <li v-for="(category, categoryId) in categoriesTransactions" :key="categoryId"
                       class="flex flex-col justify-between p-4 shadow-lg rounded-lg bg-white  ">
                     <div class="">
@@ -1014,7 +1014,7 @@ onMounted(async () => {
               </div>
             </div>
           </div>
-          <div class=" h-full   gap-4 flex-col row-span-6 lg:hidden ">
+          <div class=" h-fit gap-4 flex-col row-span-6 lg:hidden ">
             <div class="flex flex-row ">
               <h3 class="text-2xl font-bold">Транзакции</h3>
               <button @click="openDrawer('INSTANT', 'EXPENSE')">
@@ -1066,7 +1066,7 @@ onMounted(async () => {
 
 
 .max-h-tlist {
-  max-height: 1170px; /* Ограничение высоты списка */
+  //max-height: 1170px; /* Ограничение высоты списка */
 }