Hide div if query has no filters

heymerridew · web-flow · commit e69a98db9ccd · 2022-09-05T16:20:19.000-05:00
The filter div is hidden if the query does not contain any filters, making the search bar take up all the space
diff --git a/js/Components/Table.vue b/js/Components/Table.vue
@@ -8,7 +8,7 @@
       :class="{'opacity-75': isVisiting}"
     >
       <div class="flex flex-row flex-wrap sm:flex-nowrap justify-start px-4 sm:px-0">
-        <div class="order-2 sm:order-1 mr-2 sm:mr-4">
+        <div v-if="queryBuilderProps.hasFilters" class="order-2 sm:order-1 mr-2 sm:mr-4">
           <slot
             name="tableFilter"
             :has-filters="queryBuilderProps.hasFilters"

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`:class="{'opacity-75': isVisiting}"`
`9`	`9`	`>`
`10`	`10`	`<div class="flex flex-row flex-wrap sm:flex-nowrap justify-start px-4 sm:px-0">`
`11`		`- <div class="order-2 sm:order-1 mr-2 sm:mr-4">`
	`11`	`+ <div v-if="queryBuilderProps.hasFilters" class="order-2 sm:order-1 mr-2 sm:mr-4">`
`12`	`12`	`<slot`
`13`	`13`	`name="tableFilter"`
`14`	`14`	`:has-filters="queryBuilderProps.hasFilters"`