tg app fix sizes
This commit is contained in:
@@ -21,9 +21,9 @@ const isSpaceSelected = computed(
|
||||
);
|
||||
|
||||
const menu = [
|
||||
{ name: "Dashboard", icon: "pi pi-chart-bar", link: "/" },
|
||||
{ name: "Transactions", icon: "pi pi-cog", link: "/transactions" },
|
||||
{ name: "Settings", icon: "pi pi-list", link: "/settings" },
|
||||
{ name: "Dashboard", icon: "pi pi-chart-bar", link: "/", navStack: 'dashboard' },
|
||||
{ name: "Transactions", icon: "pi pi-cog", link: "/transactions", navStack: 'transactions' },
|
||||
{ name: "Settings", icon: "pi pi-list", link: "/settings", navStack: 'settings' },
|
||||
];
|
||||
|
||||
function spaceSelected() {
|
||||
@@ -118,7 +118,7 @@ onBeforeUnmount(() => {
|
||||
:key="item.link"
|
||||
:to="item.link"
|
||||
class="flex w-fit h-full flex-col items-center gap-2 !py-2 !px-4"
|
||||
:class="route.path == item.link ? 'bg-green-100 rounded-2xl ' : ''"
|
||||
:class="route.meta.navStack === item.navStack ? 'bg-green-100 rounded-2xl ' : ''"
|
||||
>
|
||||
<i class="!text-lg" :class="item.icon" />
|
||||
<span class="font-medium text-gray-900">{{ item.name }}</span>
|
||||
|
||||
@@ -41,10 +41,10 @@ export const enum RouteName {
|
||||
}
|
||||
|
||||
const routes: RouteRecordRaw[] = [
|
||||
{path: '/login', name: RouteName.Login, component: LoginPage, meta: {requiresAuth: false}},
|
||||
{path: '/', name: RouteName.Dashboard, component: DashboardView, meta: {requiresAuth: true}},
|
||||
{path: '/transactions', name: RouteName.TransactionList, component: TransactionList, meta: {requiresAuth: true}},
|
||||
{path: '/settings', name: RouteName.SettingsList, component: SettingsList, meta: {requiresAuth: true}},
|
||||
{path: '/login', name: RouteName.Login, component: LoginPage, meta: {requiresAuth: false, navStack: 'auth'}},
|
||||
{path: '/', name: RouteName.Dashboard, component: DashboardView, meta: {requiresAuth: true, navStack: 'dashboard'}},
|
||||
{path: '/transactions', name: RouteName.TransactionList, component: TransactionList, meta: {requiresAuth: true, navStack: 'transactions'}},
|
||||
{path: '/settings', name: RouteName.SettingsList, component: SettingsList, meta: {requiresAuth: true, navStack: 'settings'}},
|
||||
{
|
||||
path: '/categories', name: RouteName.CategoriesList, component: CategoriesList, meta: {
|
||||
requiresAuth: true,
|
||||
@@ -57,6 +57,7 @@ const routes: RouteRecordRaw[] = [
|
||||
},
|
||||
{id: 'openCategoryCreation', text: '', icon: 'pi pi-plus', onClickId: 'openCategoryCreation'},
|
||||
],
|
||||
navStack: 'settings',
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -71,6 +72,7 @@ const routes: RouteRecordRaw[] = [
|
||||
},
|
||||
{id: 'createCategory', text: '', icon: 'pi pi-save', onClickId: 'createCategory'},
|
||||
],
|
||||
navStack: 'settings',
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -86,7 +88,9 @@ const routes: RouteRecordRaw[] = [
|
||||
{id: 'deleteCategory', text: '', icon: 'pi pi-trash', onClickId: 'deleteCategory'},
|
||||
{id: 'updateCategory', text: '', icon: 'pi pi-save', onClickId: 'updateCategory'},
|
||||
],
|
||||
navStack: 'settings',
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
{
|
||||
@@ -100,7 +104,8 @@ const routes: RouteRecordRaw[] = [
|
||||
onClickId: 'openSpacePicker',
|
||||
},
|
||||
{id: 'openRecurrentCreation', text: '', icon: 'pi pi-plus', onClickId: 'openRecurrentCreation'},
|
||||
]
|
||||
],
|
||||
navStack: 'settings',
|
||||
},
|
||||
},
|
||||
{
|
||||
@@ -115,6 +120,7 @@ const routes: RouteRecordRaw[] = [
|
||||
},
|
||||
{id: 'createRecurrent', text: '', icon: 'pi pi-save', onClickId: 'createCategory'},
|
||||
],
|
||||
navStack: 'settings',
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -130,6 +136,7 @@ const routes: RouteRecordRaw[] = [
|
||||
{id: 'deleteRecurrent', text: '', icon: 'pi pi-trash', onClickId: 'deleteRecurrent'},
|
||||
{id: 'updateRecurrent', text: '', icon: 'pi pi-save', onClickId: 'updateRecurrent'},
|
||||
],
|
||||
navStack: 'settings',
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -147,13 +154,15 @@ const routes: RouteRecordRaw[] = [
|
||||
},
|
||||
{id: 'save', text: 'Save', icon: 'pi pi-check', onClickId: 'saveSettings'},
|
||||
],
|
||||
navStack: 'settings',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: '/notification-settings',
|
||||
name: RouteName.NotificationSettings,
|
||||
component: NotificationSettings,
|
||||
meta: {requiresAuth: true}
|
||||
meta: {requiresAuth: true,
|
||||
navStack: 'settings',}
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
Reference in New Issue
Block a user