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

feat(libra): shrink filter controls on mobile

Browse source 
Drop the date-range/type-filter buttons and custom-date inputs from
h-8 to h-7 below md to claw back a bit of vertical space on phones,
keeping h-8 on tablet/desktop where it's comfortable.
This commit is contained in:
Padreug 2026-05-16 23:28:29 +02:00
commit 0e03a424cb
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/modules/expenses/views/TransactionsPage.vue
View file

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