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

Improve layout of balances header
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Jan Bader 2022-03-01 20:59:06 +00:00
parent 2b3afbf448
commit bbfda6f402
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/pages/Account.vue
View File

@ -41,25 +41,25 @@ function createReconcilationTransaction() {
</script>
<template>
<div class="grid grid-cols-2">
<div class="grid grid-cols-[1fr_auto]">
<h1 class="inline">
{{ accounts.CurrentAccount?.Name }}
<EditAccount />
</h1>
<div class="text-right">
<span class="border-2 rounded-lg p-1 whitespace-nowrap">
<div class="text-right flex flex-wrap flex-col md:flex-row justify-end gap-2 max-w-sm">
<span class="border-2 rounded-lg p-1 whitespace-nowrap flex-1">
Working:
<Currency :value="accounts.CurrentAccount?.WorkingBalance" />
</span>
<span class="border-2 rounded-lg p-1 ml-2 whitespace-nowrap">
<span class="border-2 rounded-lg p-1 whitespace-nowrap flex-1">
Cleared:
<Currency :value="accounts.CurrentAccount?.ClearedBalance" />
</span>
<span
class="border-2 border-blue-500 rounded-lg bg-blue-500 ml-2 p-1 whitespace-nowrap"
class="border-2 border-blue-500 rounded-lg bg-blue-500 p-1 whitespace-nowrap flex-1"
v-if="!transactions.Reconciling"
@click="transactions.Reconciling = true"
>