aiolabs/webapp
8
0
Fork 0
Code Issues 65 Pull requests Projects Releases Packages Wiki Activity Actions

feat(libra): make the "Other" account hint compact

Browse source 
Replace the boxed amber Alert with a single inline amber line (warning
icon + text) on both account-selection steps. Keeps the hint visible
but removes the bulky border/background padding. Drops the now-unused
Alert imports.
This commit is contained in:
Padreug 2026-06-26 11:06:18 +02:00
commit ab89db0a3b
2 changed files with 10 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/accounting-app/views/AddIncome.vue
View file

@ -78,15 +78,13 @@
<!-- Step 1: Revenue Account Selection --> <!-- Step 1: Revenue Account Selection -->
<div v-if="currentStep === 1"> <div v-if="currentStep === 1">
<p class="text-sm text-muted-foreground mb-4"> <p class="text-sm text-muted-foreground mb-1">
{{ t('libra.income.selectAccount') }} {{ t('libra.income.selectAccount') }}
</p> </p>
<Alert class="mb-4 border-amber-500/50 bg-amber-50 text-amber-800 dark:border-amber-500/40 dark:bg-amber-950/30 dark:text-amber-200"> <p class="flex items-center gap-1.5 mb-4 text-sm font-medium text-amber-600 dark:text-amber-400">
<AlertTriangle class="text-amber-600 dark:text-amber-400" /> <AlertTriangle class="h-4 w-4 shrink-0" />
<AlertDescription class="text-amber-800 dark:text-amber-200">
{{ t('libra.income.otherAccountHint') }} {{ t('libra.income.otherAccountHint') }}
</AlertDescription> </p>
</Alert>
<AccountSelector <AccountSelector
v-model="selectedRevenueAccount" v-model="selectedRevenueAccount"
root-account="Income" root-account="Income"
@ -203,7 +201,6 @@ 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 { Badge } from '@/components/ui/badge' import { Badge } from '@/components/ui/badge'
import { Alert, AlertDescription } from '@/components/ui/alert'
import { import {
FormControl, FormControl,
FormField, FormField,

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

@ -84,15 +84,13 @@
<!-- Step 1: Account Selection --> <!-- Step 1: Account Selection -->
<div v-if="currentStep === 1"> <div v-if="currentStep === 1">
<p class="text-sm text-muted-foreground mb-4"> <p class="text-sm text-muted-foreground mb-1">
Select the account for this expense. Select the account for this expense.
</p> </p>
<Alert class="mb-4 border-amber-500/50 bg-amber-50 text-amber-800 dark:border-amber-500/40 dark:bg-amber-950/30 dark:text-amber-200"> <p class="flex items-center gap-1.5 mb-4 text-sm font-medium text-amber-600 dark:text-amber-400">
<AlertTriangle class="text-amber-600 dark:text-amber-400" /> <AlertTriangle class="h-4 w-4 shrink-0" />
<AlertDescription class="text-amber-800 dark:text-amber-200">
Use the "Other" account if you're not sure. Use the "Other" account if you're not sure.
</AlertDescription> </p>
</Alert>
<AccountSelector <AccountSelector
v-model="selectedAccount" v-model="selectedAccount"
root-account="Expenses" root-account="Expenses"
@ -254,7 +252,6 @@ 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 { Badge } from '@/components/ui/badge'
import { Alert, AlertDescription } from '@/components/ui/alert'
import { import {
FormControl, FormControl,
FormDescription, FormDescription,