From 3fdb2eb3021ffdb57934c6ee48b02be8607416b0 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Thu, 29 Feb 2024 14:15:35 +0700
Subject: [PATCH] Update import path and button styles in Filters.vue

---
 src/components/Form/Filters.vue | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/components/Form/Filters.vue b/src/components/Form/Filters.vue
index d2a389b..8fb9d0a 100755
--- a/src/components/Form/Filters.vue
+++ b/src/components/Form/Filters.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Button from '@/components/Button.vue'
+import Button from '@/components/Buttons/Button.vue'
 import { PhArrowsCounterClockwise, PhFileText, PhMagnifyingGlass } from '@phosphor-icons/vue'
 
 defineProps({
@@ -14,28 +14,18 @@ const emit = defineEmits(['runSearch', 'resetForm', 'runReport'])
 
 <template>
   <div class="filters rounded-2xl">
-    <form class="filter-body bg-gray-50 mx-auto space-y-3 p-4 rounded-t-2xl">
+    <form class="p-4 mx-auto space-y-3 filter-body bg-gray-50 rounded-t-2xl">
       <slot></slot>
     </form>
 
-    <div class="filter-footer rounded-b-2xl px-4 py-3 bg-primary-50 flex justify-end">
-      <div class="filter-buttons flex gap-3 flex-wrap">
-        <Button
-          @on:click="() => emit('resetForm')"
-          label="Ulangi"
-          style-type="outline"
-          class-name="bg-white"
-        >
+    <div class="flex justify-end px-4 py-3 filter-footer rounded-b-2xl bg-primary-50">
+      <div class="flex flex-wrap gap-3 filter-buttons">
+        <Button @on:click="() => emit('resetForm')" label="Ulangi" style-type="outline" class-name="bg-white">
           <PhArrowsCounterClockwise size="18" class="ml-1" weight="regular" />
         </Button>
 
-        <Button
-          v-if="reportButton"
-          label="Lihat Laporan"
-          style-type="outline"
-          class-name="bg-white"
-          @on:click="() => emit('runReport')"
-        >
+        <Button v-if="reportButton" label="Lihat Laporan" style-type="outline" class-name="bg-white"
+          @on:click="() => emit('runReport')">
           <PhFileText size="18" class="ml-1" weight="regular" />
         </Button>