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

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

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

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

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