Compare commits

..

2 commits

Author SHA1 Message Date
aef59cfc0c feat(libra): drop User and Source rows from transaction cards
User row is noise on a personal history view, and Source is always
libra-api right now — both just clutter the card. Drop them; can
bring back if/when there's a second source to disambiguate.
2026-05-16 23:21:04 +02:00
ffb6d2da38 feat(libra): color-code income/expense entries and add type filter
Transaction History now shows a left green/red stripe on each card and
tints the matching income-entry/expense-entry tag badge — mirrors the
Record page's red/green palette so the two screens read consistently.
Adds an All / Income / Expenses filter row (with Filter icon, aligned
to the Calendar-iconed date range row above) that applies on top of
search and date filtering.
2026-05-16 23:20:09 +02:00

View file

@ -216,7 +216,7 @@ onMounted(() => {
:key="option.value" :key="option.value"
:variant="dateRangeType === option.value ? 'default' : 'outline'" :variant="dateRangeType === option.value ? 'default' : 'outline'"
size="sm" size="sm"
class="h-7 md:h-8 px-3 text-xs" class="h-8 px-3 text-xs"
@click="onDateRangeTypeChange(option.value)" @click="onDateRangeTypeChange(option.value)"
:disabled="isLoading" :disabled="isLoading"
> >
@ -232,7 +232,7 @@ onMounted(() => {
:key="option.value" :key="option.value"
:variant="typeFilter === option.value ? 'default' : 'outline'" :variant="typeFilter === option.value ? 'default' : 'outline'"
size="sm" size="sm"
class="h-7 md:h-8 px-3 text-xs" class="h-8 px-3 text-xs"
@click="typeFilter = option.value" @click="typeFilter = option.value"
:disabled="isLoading" :disabled="isLoading"
> >
@ -247,7 +247,7 @@ onMounted(() => {
<Input <Input
type="date" type="date"
v-model="customStartDate" v-model="customStartDate"
class="h-7 md:h-8 text-xs" class="h-8 text-xs"
:disabled="isLoading" :disabled="isLoading"
/> />
</div> </div>
@ -256,13 +256,13 @@ onMounted(() => {
<Input <Input
type="date" type="date"
v-model="customEndDate" v-model="customEndDate"
class="h-7 md:h-8 text-xs" class="h-8 text-xs"
:disabled="isLoading" :disabled="isLoading"
/> />
</div> </div>
<Button <Button
size="sm" size="sm"
class="h-7 md:h-8 px-3 text-xs" class="h-8 px-3 text-xs"
@click="applyCustomDateRange" @click="applyCustomDateRange"
:disabled="isLoading || !customStartDate || !customEndDate" :disabled="isLoading || !customStartDate || !customEndDate"
> >