jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Small layout improvements

Browse Source
This commit is contained in:
Jan Bader 2022-02-05 13:48:31 +00:00
parent 2204188600
commit 80b5a7abfe
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/pages/BudgetSidebar.vue
View File

@ -7,14 +7,16 @@ export default defineComponent({
</script> </script>
<template> <template>
<span class="text-xl"> <div class="flex flex-col">
<span class="m-1 p-1 px-3 text-xl">
<router-link to="/dashboard">⌂</router-link> <router-link to="/dashboard">⌂</router-link>
{{$store.getters.CurrentBudget.Name}} {{$store.getters.CurrentBudget.Name}}
</span> </span>
<div class="flex flex-col"> <span class="bg-orange-200 rounded-lg m-1 p-1 px-3 flex flex-col">
<span class="bg-orange-200 rounded-lg m-1 p-1 px-3"><router-link :to="'/budget/'+budgetid">Budget</router-link></span> <router-link :to="'/budget/'+budgetid">Budget</router-link><br />
<li class="bg-orange-200 rounded-lg m-1 p-1 px-3">Reports (Coming Soon)</li> <span>Reports (Coming Soon)</span>
<!--<li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/all-accounts'">All Accounts</router-link></li>--> <router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/all-accounts'">All Accounts</router-link>
</span>
<li class="bg-orange-200 rounded-lg m-1 p-1 px-3"> <li class="bg-orange-200 rounded-lg m-1 p-1 px-3">
On-Budget Accounts On-Budget Accounts
<div v-for="account in $store.getters.OnBudgetAccounts" class="flex flex-row justify-between px-3"> <div v-for="account in $store.getters.OnBudgetAccounts" class="flex flex-row justify-between px-3">