defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update import path and button styles in Filters.vue

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-02-29 14:15:35 +07:00
parent 88e4a42edf
commit 3fdb2eb302
1 changed files with 7 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Form/Filters.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <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' import { PhArrowsCounterClockwise, PhFileText, PhMagnifyingGlass } from '@phosphor-icons/vue'
defineProps({ defineProps({
@ -14,28 +14,18 @@ const emit = defineEmits(['runSearch', 'resetForm', 'runReport'])
<template> <template>
<div class="filters rounded-2xl"> <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> <slot></slot>
</form> </form>
<div class="filter-footer rounded-b-2xl px-4 py-3 bg-primary-50 flex justify-end"> <div class="flex justify-end px-4 py-3 filter-footer rounded-b-2xl bg-primary-50">
<div class="filter-buttons flex gap-3 flex-wrap"> <div class="flex flex-wrap gap-3 filter-buttons">
<Button <Button @on:click="() => emit('resetForm')" label="Ulangi" style-type="outline" class-name="bg-white">
@on:click="() => emit('resetForm')"
label="Ulangi"
style-type="outline"
class-name="bg-white"
>
<PhArrowsCounterClockwise size="18" class="ml-1" weight="regular" /> <PhArrowsCounterClockwise size="18" class="ml-1" weight="regular" />
</Button> </Button>
<Button <Button v-if="reportButton" label="Lihat Laporan" style-type="outline" class-name="bg-white"
v-if="reportButton" @on:click="() => emit('runReport')">
label="Lihat Laporan"
style-type="outline"
class-name="bg-white"
@on:click="() => emit('runReport')"
>
<PhFileText size="18" class="ml-1" weight="regular" /> <PhFileText size="18" class="ml-1" weight="regular" />
</Button> </Button>