padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhances account display in expense form

Browse source 
Improves the visual presentation of the selected account in the add expense form by using a badge.

This makes the selected account more prominent and provides a clearer distinction from other text elements.
This commit is contained in:
padreug 2025-11-08 00:22:13 +01:00
parent fff42d170e
commit d7cd72f850
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/modules/expenses/components/AddExpense.vue
View file

@ -161,9 +161,10 @@
<!-- Selected account info --> <!-- Selected account info -->
<div class="p-3 rounded-lg bg-muted/50"> <div class="p-3 rounded-lg bg-muted/50">
<p class="text-sm font-medium text-foreground mb-1"> <div class="flex items-center gap-2 mb-1">
Account: {{ selectedAccount?.name }} <span class="text-sm text-muted-foreground">Account:</span>
</p> <Badge variant="secondary" class="font-mono">{{ selectedAccount?.name }}</Badge>
</div>
<p <p
v-if="selectedAccount?.description" v-if="selectedAccount?.description"
class="text-xs text-muted-foreground" class="text-xs text-muted-foreground"
@ -212,6 +213,7 @@ import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input' import { Input } from '@/components/ui/input'
import { Textarea } from '@/components/ui/textarea' import { Textarea } from '@/components/ui/textarea'
import { Checkbox } from '@/components/ui/checkbox' import { Checkbox } from '@/components/ui/checkbox'
import { Badge } from '@/components/ui/badge'
import { import {
FormControl, FormControl,
FormDescription, FormDescription,