feat: reposition filter button

This commit is contained in:
Benjamin Nussbaum 2025-11-06 21:17:32 +01:00
parent 77bf4f1c96
commit cb39c7e8ca

View file

@ -166,8 +166,8 @@ new class extends Component {
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8"> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="flex justify-between items-center mb-6"> <div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-semibold dark:text-gray-100">Plugins &amp; Recipes</h2> <h2 class="text-2xl font-semibold dark:text-gray-100">Plugins &amp; Recipes</h2>
<div class="flex items-center space-x-2">
<flux:button icon="funnel" variant="primary" @click="showFilters = !showFilters"></flux:button> <flux:button icon="funnel" variant="ghost" @click="showFilters = !showFilters"></flux:button>
<flux:button.group> <flux:button.group>
<flux:modal.trigger name="add-plugin"> <flux:modal.trigger name="add-plugin">
<flux:button icon="plus" variant="primary">Add Recipe</flux:button> <flux:button icon="plus" variant="primary">Add Recipe</flux:button>
@ -194,6 +194,7 @@ new class extends Component {
</flux:dropdown> </flux:dropdown>
</flux:button.group> </flux:button.group>
</div> </div>
</div>
<div x-show="showFilters" class="mb-6 flex flex-col sm:flex-row gap-4" style="display: none;"> <div x-show="showFilters" class="mb-6 flex flex-col sm:flex-row gap-4" style="display: none;">
<div class="flex-1"> <div class="flex-1">