Fix button styles in Filters.vue

This commit is contained in:
Dede Fuji Abdul 2024-03-05 08:31:03 +07:00
parent 6f85d95ac5
commit 4878477f91

View File

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import Button from '@/components/Buttons/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({
reportButton: { reportButton: {
@ -20,17 +20,17 @@ const emit = defineEmits(['runSearch', 'resetForm', 'runReport'])
<div class="flex justify-end px-4 py-3 filter-footer rounded-b-2xl bg-primary-50"> <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"> <div class="flex flex-wrap gap-3 filter-buttons">
<Button @on:click="() => emit('resetForm')" label="Ulangi" style-type="outline" class-name="bg-white"> <Button @on:click="() => emit('resetForm')" label="Ulangi" style-type="outline" class-name="bg-white !text-xs">
<PhArrowsCounterClockwise size="18" class="ml-1" weight="regular" /> <PhArrowsCounterClockwise size="16" class="ml-1" weight="regular" />
</Button> </Button>
<Button v-if="reportButton" label="Lihat Laporan" style-type="outline" class-name="bg-white" <Button v-if="reportButton" label="Lihat Laporan" style-type="outline" class-name="bg-white !text-xs"
@on:click="() => emit('runReport')"> @on:click="() => emit('runReport')">
<PhFileText size="18" class="ml-1" weight="regular" /> <PhFileText size="16" class="ml-1" weight="regular" />
</Button> </Button>
<Button @on:click="() => emit('runSearch')" label="Cari Data"> <Button @on:click="() => emit('runSearch')" label="Cari Data" class-name="!text-xs">
<PhMagnifyingGlass size="18" class="ml-1" weight="regular" /> <PhMagnifyingGlass size="16" class="ml-1" weight="regular" />
</Button> </Button>
</div> </div>
</div> </div>