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:17:13 +03:00
parent 95165f3529
commit f049e202e4
5 changed files with 77 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Toolbar.vue
View File

@@ -8,7 +8,7 @@ const keyOf = (b: { id?: string; text?: string }) => b.id ?? b.text ?? crypto.ra
</script>
<template>
<nav class="h-12 w-fit flex flex-row items-center gap-2 p-2 bg-white rounded-full !text-xl sticky top-10 justify-items-end justify-end">
<nav class="h-12 w-fit flex flex-row items-center gap-2 p-2 bg-white rounded-full sticky top-10 justify-items-end justify-end">
<component
v-for="btnKey in toolbar.current.keys()"
:is="toolbar.current[btnKey].to ? RouterLink : 'button'"
@@ -18,7 +18,7 @@ const keyOf = (b: { id?: string; text?: string }) => b.id ?? b.text ?? crypto.ra
v-bind="toolbar.current[btnKey].to ? { to: toolbar.current[btnKey].to } : { type: 'button', disabled: toolbar.current[btnKey].disabled }"
@click="!toolbar.current[btnKey].to && toolbar.invoke(toolbar.current[btnKey].onClickId)"
>
<i v-if="toolbar.current[btnKey].icon" :class="toolbar.current[btnKey].icon" style="font-size: 1.1rem" class="!p-2"/>
<i v-if="toolbar.current[btnKey].icon" :class="toolbar.current[btnKey].icon" class="!p-2"/>
<span v-if="toolbar.current[btnKey].text">{{ toolbar.current[btnKey].text }}</span>
<Divider v-if="btnKey+1 != toolbar.current.length" class="!m-0" layout="vertical"/>
</component>

2
src/components/settings/CategoriesList.vue
View File

@@ -53,7 +53,7 @@ onMounted(async () => {
<div class="card">
<div v-for="key in categories.keys()" :key="categories[key].id" @click="router.push(`/categories/${categories[key].id}/edit`)"
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-col items-start">
<div class="flex-row"> {{ categories[key].icon }} {{ categories[key].name }}</div>

14
src/components/settings/SettingsList.vue
View File

@@ -6,16 +6,6 @@ const items = [
{name: "Notification settings", link: '/notification-settings'},
{name: "Categories", link: '/categories'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'},
{name: "Recurrent Operations", link: '/recurrents'}
]
</script>
@@ -27,9 +17,9 @@ const items = [
<div class="flex flex-row justify-between items-center w-full pe-2 p-2">
<span class="font-bold text-xl">{{ items[item].name }}</span>
<span class="font-bold ">{{ items[item].name }}</span>
<i class="pi pi-angle-right !text-xl !font-extralight"/>
<i class="pi pi-angle-right !font-extralight"/>
</div>
<Divider v-if="item+1 != items.length" class="!p-2 !m-0"/>