new version of budget view
This commit is contained in:
@@ -834,7 +834,7 @@ onMounted(async () => {
|
|||||||
<ProgressBar :value="value" class="mt-2 col-span-2" style="height: 1rem !important;"></ProgressBar>
|
<ProgressBar :value="value" class="mt-2 col-span-2" style="height: 1rem !important;"></ProgressBar>
|
||||||
|
|
||||||
</div>
|
</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">
|
<div class="flex flex-row gap-4">
|
||||||
<h3 class="text-2xl font-bold">Транзакции</h3>
|
<h3 class="text-2xl font-bold">Транзакции</h3>
|
||||||
<button @click="openDrawer('INSTANT', 'EXPENSE')">
|
<button @click="openDrawer('INSTANT', 'EXPENSE')">
|
||||||
@@ -934,7 +934,7 @@ onMounted(async () => {
|
|||||||
<span class="font-light text-sm">+ Добавить</span>
|
<span class="font-light text-sm">+ Добавить</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</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"
|
<li v-for="(category, categoryId) in categoriesTransactions" :key="categoryId"
|
||||||
class="flex flex-col justify-between p-4 shadow-lg rounded-lg bg-white ">
|
class="flex flex-col justify-between p-4 shadow-lg rounded-lg bg-white ">
|
||||||
<div class="">
|
<div class="">
|
||||||
@@ -1014,7 +1014,7 @@ onMounted(async () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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 ">
|
<div class="flex flex-row ">
|
||||||
<h3 class="text-2xl font-bold">Транзакции</h3>
|
<h3 class="text-2xl font-bold">Транзакции</h3>
|
||||||
<button @click="openDrawer('INSTANT', 'EXPENSE')">
|
<button @click="openDrawer('INSTANT', 'EXPENSE')">
|
||||||
@@ -1066,7 +1066,7 @@ onMounted(async () => {
|
|||||||
|
|
||||||
|
|
||||||
.max-h-tlist {
|
.max-h-tlist {
|
||||||
max-height: 1170px; /* Ограничение высоты списка */
|
//max-height: 1170px; /* Ограничение высоты списка */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user