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

feat(libra): inline the "Other" account hint with the instruction

Browse source 
Put the amber hint on the same line as "Select the account…" instead
of stacking it underneath, wrapping gracefully on narrow widths.
This commit is contained in:
Padreug 2026-06-26 11:06:56 +02:00
commit 99b9388f61
2 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -78,12 +78,12 @@
<!-- Step 1: Revenue Account Selection -->
<div v-if="currentStep === 1">
<p class="text-sm text-muted-foreground mb-1">
{{ t('libra.income.selectAccount') }}
</p>
<p class="flex items-center gap-1.5 mb-4 text-sm font-medium text-amber-600 dark:text-amber-400">
<AlertTriangle class="h-4 w-4 shrink-0" />
{{ t('libra.income.otherAccountHint') }}
<p class="flex flex-wrap items-center gap-x-1.5 gap-y-1 mb-4 text-sm">
<span class="text-muted-foreground">{{ t('libra.income.selectAccount') }}</span>
<span class="inline-flex items-center gap-1 font-medium text-amber-600 dark:text-amber-400">
<AlertTriangle class="h-4 w-4 shrink-0" />
{{ t('libra.income.otherAccountHint') }}
</span>
</p>
<AccountSelector
v-model="selectedRevenueAccount"

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

@ -84,12 +84,12 @@
<!-- Step 1: Account Selection -->
<div v-if="currentStep === 1">
<p class="text-sm text-muted-foreground mb-1">
Select the account for this expense.
</p>
<p class="flex items-center gap-1.5 mb-4 text-sm font-medium text-amber-600 dark:text-amber-400">
<AlertTriangle class="h-4 w-4 shrink-0" />
Use the "Other" account if you're not sure.
<p class="flex flex-wrap items-center gap-x-1.5 gap-y-1 mb-4 text-sm">
<span class="text-muted-foreground">Select the account for this expense.</span>
<span class="inline-flex items-center gap-1 font-medium text-amber-600 dark:text-amber-400">
<AlertTriangle class="h-4 w-4 shrink-0" />
Use the "Other" account if you're not sure.
</span>
</p>
<AccountSelector
v-model="selectedAccount"