feat(libra): expense/income form UI fixes #139

Merged

padreug merged 4 commits from feat/libra-expense-ui-fixes into dev

2026-06-25 20:43:36 +00:00

padreug commented

2026-06-25 20:17:01 +00:00

Owner

Follow-up tweaks to the libra entry forms, split out from the copy-only PR #138. Brings the income form into line with the expense form and tightens both.

Changes

1. Amount + Currency on the same row. Wrapped the Amount and Currency fields in a two-column grid (grid grid-cols-2 gap-4) on both forms, with w-full on the currency SelectTrigger so the dropdown fills its column.

Expense form — src/modules/expenses/components/AddExpense.vue
Income form — src/accounting-app/views/AddIncome.vue

2. "Other" account note on the income account step. Appended the same "Other"-account guidance the expense form shows to the income form's Step 1 (libra.income.selectAccount), across en / fr / es locales.

3. Income Description field matched to expense. Folded the description guidance into the placeholder and dropped the separate FormDescription helper line, so the income Description field mirrors the expense form's structure.

4. Trimmed helper text on both forms. Removed the "Amount in selected currency", "Currency for this income/expense", and Reference helper lines. The Reference field is now marked optional in its label (Reference (optional)) instead. Dropped the now-unused FormDescription import from the income form.

Scope notes

Layout + copy only. No logic, schema, or type changes.
Each locale file keeps its own encoding convention (fr uses \u escapes, es uses raw UTF-8); both produce identical runtime strings.

#140 — neither form is fully translated (expense has zero t(); income has only ~4 keys, the rest hardcoded English). Tracked there as a separate i18n refactor.

🤖 Generated with Claude Code

Follow-up tweaks to the libra entry forms, split out from the copy-only PR #138. Brings the **income** form into line with the **expense** form and tightens both. ## Changes **1. Amount + Currency on the same row.** Wrapped the Amount and Currency fields in a two-column grid (`grid grid-cols-2 gap-4`) on both forms, with `w-full` on the currency `SelectTrigger` so the dropdown fills its column. - Expense form — `src/modules/expenses/components/AddExpense.vue` - Income form — `src/accounting-app/views/AddIncome.vue` **2. "Other" account note on the income account step.** Appended the same "Other"-account guidance the expense form shows to the income form's Step 1 (`libra.income.selectAccount`), across **en / fr / es** locales. **3. Income Description field matched to expense.** Folded the description guidance into the placeholder and dropped the separate `FormDescription` helper line, so the income Description field mirrors the expense form's structure. **4. Trimmed helper text on both forms.** Removed the "Amount in selected currency", "Currency for this income/expense", and Reference helper lines. The Reference field is now marked optional in its label (`Reference (optional)`) instead. Dropped the now-unused `FormDescription` import from the income form. ## Scope notes - Layout + copy only. No logic, schema, or type changes. - Each locale file keeps its own encoding convention (fr uses `\u` escapes, es uses raw UTF-8); both produce identical runtime strings. ## Related follow-up #140 — neither form is fully translated (expense has zero `t()`; income has only ~4 keys, the rest hardcoded English). Tracked there as a separate i18n refactor. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

padreug added 1 commit

2026-06-25 20:17:01 +00:00

feat(libra): put Amount and Currency on the same row 49e7afb0ab

Wrap the Amount and Currency fields in a two-column grid on both the
expense (AddExpense.vue) and income (AddIncome.vue) forms, and add
w-full to the currency SelectTrigger so the dropdown fills its column.
Tightens the vertical layout of the entry dialogs.

padreug added the

app:libra

enhancement

labels

2026-06-25 20:17:07 +00:00

padreug added 1 commit

2026-06-25 20:22:00 +00:00

feat(libra): mention the "Other" account on the income account step 3ffb3bf983

Append the same "Other" account guidance to the income form's Step 1
(libra.income.selectAccount) that the expense form already shows, for
consistency. Updated across en / fr / es locales.

padreug referenced this pull request

2026-06-25 20:27:17 +00:00

libra: i18n the expense form (AddExpense.vue) to match the income form #140

padreug added 1 commit

2026-06-25 20:37:33 +00:00

feat(libra): match income Description field to the expense form 87f86647e7

Fold the description guidance into the placeholder and drop the
separate FormDescription helper line, so the income Description field
mirrors the expense form's structure.

padreug added 1 commit

2026-06-25 20:39:55 +00:00

feat(libra): trim amount/currency/reference helper text 8a9ea269de

Remove the "Amount in selected currency" and "Currency for this
income/expense" helper lines on both forms, drop the Reference helper
line, and mark the field as "Reference (optional)" in the label
instead. Also drops the now-unused FormDescription import from the
income form.

padreug merged commit 9f8f2a233b into dev

2026-06-25 20:43:36 +00:00

padreug deleted branch feat/libra-expense-ui-fixes

2026-06-25 20:43:36 +00:00

padreug referenced this pull request from a commit

2026-06-25 20:43:36 +00:00

Merge pull request 'feat(libra): expense/income form UI fixes' (#139) from feat/libra-expense-ui-fixes into dev