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

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

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