feat: reposition filter button

This commit is contained in:
Benjamin Nussbaum 2025-11-06 21:17:32 +01:00
parent e1ae0b4d3b
commit cf7285b64f

View file

@ -166,33 +166,34 @@ 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="ghost" @click="showFilters = !showFilters"></flux:button>
<flux:button.group>
<flux:modal.trigger name="add-plugin">
<flux:button icon="plus" variant="primary">Add Recipe</flux:button>
</flux:modal.trigger>
<flux:button icon="funnel" variant="primary" @click="showFilters = !showFilters"></flux:button> <flux:dropdown>
<flux:button.group> <flux:button icon="chevron-down" variant="primary"></flux:button>
<flux:modal.trigger name="add-plugin"> <flux:menu>
<flux:button icon="plus" variant="primary">Add Recipe</flux:button> <flux:modal.trigger name="import-from-catalog">
</flux:modal.trigger> <flux:menu.item icon="book-open">Import from OSS Catalog</flux:menu.item>
<flux:dropdown>
<flux:button icon="chevron-down" variant="primary"></flux:button>
<flux:menu>
<flux:modal.trigger name="import-from-catalog">
<flux:menu.item icon="book-open">Import from OSS Catalog</flux:menu.item>
</flux:modal.trigger>
@if(config('services.trmnl.liquid_enabled'))
<flux:modal.trigger name="import-from-trmnl-catalog">
<flux:menu.item icon="book-open">Import from TRMNL Catalog</flux:menu.item>
</flux:modal.trigger> </flux:modal.trigger>
@endif @if(config('services.trmnl.liquid_enabled'))
<flux:separator /> <flux:modal.trigger name="import-from-trmnl-catalog">
<flux:modal.trigger name="import-zip"> <flux:menu.item icon="book-open">Import from TRMNL Catalog</flux:menu.item>
<flux:menu.item icon="archive-box">Import Recipe Archive</flux:menu.item> </flux:modal.trigger>
</flux:modal.trigger> @endif
<flux:separator /> <flux:separator />
<flux:menu.item icon="beaker" wire:click="seedExamplePlugins">Seed Example Recipes</flux:menu.item> <flux:modal.trigger name="import-zip">
</flux:menu> <flux:menu.item icon="archive-box">Import Recipe Archive</flux:menu.item>
</flux:dropdown> </flux:modal.trigger>
</flux:button.group> <flux:separator />
<flux:menu.item icon="beaker" wire:click="seedExamplePlugins">Seed Example Recipes</flux:menu.item>
</flux:menu>
</flux:dropdown>
</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;">