luminic-space/app-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tg app fix sizes

Browse Source
This commit is contained in:
xds
2025-10-27 17:43:29 +03:00
parent 43f1a342c7
commit 61a66c91b9
6 changed files with 64 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/settings/RecurrentyCreateUpdate.vue
View File

@@ -106,7 +106,7 @@ onMounted(async () => {
<template>
<div v-if="categories.length===0" class="card !gap-4 !p-10">
<span class="text-2xl">No categories available.</span>
<span class="">No categories available.</span>
<span class="text-center">Maybe you want to <router-link to="/categories" class="!text-blue-700">create a new category</router-link> first?</span>
</div>
<div v-else class="flex flex-col w-full justify-items-start gap-7">
@@ -115,7 +115,7 @@ onMounted(async () => {
<div class="card">
<div v-for="key in categories.keys()" :key="categories[key].id"
@click="recurrentCategory = categories[key]; isCategorySelectorOpened = false"
class="flex flex-col w-full gap-0 pl-5 items-start justify-items-center font-bold text-xl">
class="flex flex-col w-full gap-0 pl-5 items-start justify-items-center font-bold ">
<div class="flex-row w-full items-center justify-between">
<div class="flex-row items-center gap-2">
<span class="text-3xl">{{ categories[key].icon }} </span>
@@ -124,7 +124,7 @@ onMounted(async () => {
<div class="flex flex-row text-sm">{{ categories[key].description }}</div>
</div>
</div>
<i class="pi pi-angle-right !text-xl !font-extralight"/>
<i class="pi pi-angle-right !font-extralight"/>
</div>
<Divider v-if="key+1 !== categories.length" class="!m-0 !py-3"/>
</div>
@@ -152,28 +152,28 @@ onMounted(async () => {
</div>
<div class="flex flex-col w-full justify-items-start">
<label class="!font-semibold text-2xl text-gray-600 pl-2">Recurrent category</label>
<label class="!font-semibold text-gray-600 pl-2">Recurrent category</label>
<div class="card !justify-start !items-start !p-4 !pl-5 " @click="isCategorySelectorOpened = true">
<div class="flex-row w-full gap-2 items-center justify-between">
<div class="flex-row gap-2 items-center">
<span class="!text-3xl ">{{ recurrentCategory.icon }}</span>
<div class="flex-col ">
<span class=" !text-2xl">{{ recurrentCategory.name }}
<span class=" !">{{ recurrentCategory.name }}
</span>
</div>
</div>
<i class="pi pi-angle-right !text-xl !font-extralight"/>
<i class="pi pi-angle-right !font-extralight"/>
</div>
</div>
</div>
<div class="flex flex-col w-full justify-items-start">
<label class="!font-semibold text-2xl text-gray-600 pl-2">Recurrent name</label>
<label class="!font-semibold text-gray-600 pl-2">Recurrent name</label>
<div class="card !justify-start !items-start !p-4 !pl-5 ">
<input class="font-extralight text-xl w-full focus:outline-0" placeholder="Name" v-model="recurrentName"/>
<input class="font-extralight w-full focus:outline-0" placeholder="Name" v-model="recurrentName"/>
</div>
</div>
<div class="flex flex-col w-full justify-items-start">
<label class="!font-semibold text-2xl text-gray-600 !pl-2">Recurrent date</label>
<label class="!font-semibold text-gray-600 !pl-2">Recurrent date</label>
<div class="card !justify-start !items-start !pl-2">
<div class="!grid !grid-cols-7 gap-2">
<div v-for="i in 31" class="!w-12 !h-12 !items-center !justify-items-center !justify-center rounded-full "