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" :key="option.value"
:variant="dateRangeType === option.value ? 'default' : 'outline'" :variant="dateRangeType === option.value ? 'default' : 'outline'"
size="sm" size="sm"
class="h-8 px-3 text-xs" class="h-7 md: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-8 px-3 text-xs" class="h-7 md: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-8 text-xs" class="h-7 md: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-8 text-xs" class="h-7 md:h-8 text-xs"
:disabled="isLoading" :disabled="isLoading"
/> />
</div> </div>
<Button <Button
size="sm" size="sm"
class="h-8 px-3 text-xs" class="h-7 md:h-8 px-3 text-xs"
@click="applyCustomDateRange" @click="applyCustomDateRange"
:disabled="isLoading || !customStartDate || !customEndDate" :disabled="isLoading || !customStartDate || !customEndDate"
> >