LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: Reports filter style issue (#9241)

Browse Source
This commit is contained in:
Sivin Varghese
2024-04-16 11:12:04 +05:30
committed by GitHub
parent c05a79cf61
commit 5cc41c9ed5
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/javascript/dashboard/routes/dashboard/settings/reports/components/FilterSelector.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-col md:flex-row justify-between mb-4"> <div class="flex flex-col justify-between gap-3 mb-4 md:flex-row">
<div <div
class="md:grid flex-col gap-3 w-full grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] p-5" class="w-full grid gap-y-2 gap-x-1.5 grid-cols-[repeat(auto-fill,minmax(250px,1fr))]"
> >
<reports-filters-date-range @on-range-change="onDateRangeChange" /> <reports-filters-date-range @on-range-change="onDateRangeChange" />
<woot-date-range-picker <woot-date-range-picker
@@ -41,7 +41,7 @@
/> />
</div> </div>
<div v-if="showBusinessHoursSwitch" class="flex items-center"> <div v-if="showBusinessHoursSwitch" class="flex items-center">
<span class="text-sm whitespace-nowrap mx-2"> <span class="mx-2 text-sm whitespace-nowrap">
{{ $t('REPORT.BUSINESS_HOURS') }} {{ $t('REPORT.BUSINESS_HOURS') }}
</span> </span>
<span> <span>
@@ -231,9 +231,3 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
.filter-container {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
</style>