mirror of
https://github.com/usetrmnl/byos_laravel.git
synced 2026-01-13 15:07:49 +00:00
feat: reposition filter button
This commit is contained in:
parent
77bf4f1c96
commit
cb39c7e8ca
1 changed files with 26 additions and 25 deletions
|
|
@ -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 & Recipes</h2>
|
<h2 class="text-2xl font-semibold dark:text-gray-100">Plugins & 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;">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue