restyle invoice filters on medium size screens

2025-10-27 19:51:09 -04:00 · 2021-12-02 16:00:04 +05:30
parent cb2b5f0ca3
commit 04fbbe7b2a
2 changed files with 14 additions and 5 deletions
--- a/resources/scripts/components/base/BaseFilterWrapper.vue
+++ b/resources/scripts/components/base/BaseFilterWrapper.vue
@ -27,10 +27,11 @@
      </label>

      <div
-        class="
-          flex flex-col
-          space-y-3
-          lg:flex-row lg:space-x-4 lg:space-y-0 lg:items-center
+        class="flex flex-col space-y-3"
+        :class="
+          rowOnXl
+            ? '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 />
@ -45,6 +46,10 @@ defineProps({
    type: Boolean,
    default: false,
  },
+  rowOnXl: {
+    type: Boolean,
+    default: false,
+  },
 })

 defineEmits(['clear'])