TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-27 19:51:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

restyle invoice filters on medium size screens

Browse Source
This commit is contained in:
Mohit Panjwani
2021-12-02 16:00:04 +05:30
parent cb2b5f0ca3
commit 04fbbe7b2a
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/scripts/components/base/BaseFilterWrapper.vue
View File

@ -27,10 +27,11 @@
</label> </label>
<div <div
class=" class="flex flex-col space-y-3"
flex flex-col :class="
space-y-3 rowOnXl
lg:flex-row lg:space-x-4 lg:space-y-0 lg:items-center ? 'xl:flex-row xl:space-x-4 xl:space-y-0 xl:items-center'
: 'lg:flex-row lg:space-x-4 lg:space-y-0 lg:items-center'
" "
> >
<slot /> <slot />
@ -45,6 +46,10 @@ defineProps({
type: Boolean, type: Boolean,
default: false, default: false,
}, },
rowOnXl: {
type: Boolean,
default: false,
},
}) })
defineEmits(['clear']) defineEmits(['clear'])

6
resources/scripts/views/invoices/Index.vue
View File

@ -38,7 +38,11 @@
</template> </template>
</BasePageHeader> </BasePageHeader>
<BaseFilterWrapper v-show="showFilters" @clear="clearFilter"> <BaseFilterWrapper
v-show="showFilters"
:row-on-xl="true"
@clear="clearFilter"
>
<BaseInputGroup :label="$tc('customers.customer', 1)"> <BaseInputGroup :label="$tc('customers.customer', 1)">
<BaseCustomerSelectInput <BaseCustomerSelectInput
v-model="filters.customer_id" v-model="filters.customer_id"