fix: Reports filter style issue (#9241)

This commit is contained in:
Sivin Varghese
2024-04-16 11:12:04 +05:30
committed by GitHub
parent c05a79cf61
commit 5cc41c9ed5

View File

@@ -1,7 +1,7 @@
<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
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" />
<woot-date-range-picker
@@ -41,7 +41,7 @@
/>
</div>
<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') }}
</span>
<span>
@@ -231,9 +231,3 @@ export default {
},
};
</script>
<style scoped>
.filter-container {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
</style>