mkrieger/byos_laravel
1
0
Fork 0
mirror of https://github.com/usetrmnl/byos_laravel.git synced 2026-01-14 15:37:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: reposition filter button

Browse source
This commit is contained in:
Benjamin Nussbaum 2025-11-06 21:17:32 +01:00
parent c0f37586f3
commit 91a294e1db
1 changed files with 28 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

9
resources/views/livewire/plugins/index.blade.php
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">
@ -379,8 +380,8 @@ new class extends Component {
x-show="searchTerm.length <= 1 || pluginName.includes(searchTerm.toLowerCase())" x-show="searchTerm.length <= 1 || pluginName.includes(searchTerm.toLowerCase())"
class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs"> class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
<a href="{{ ($plugin['detail_view_route']) ? route($plugin['detail_view_route']) : route('plugins.recipe', ['plugin' => $plugin['id']]) }}" <a href="{{ ($plugin['detail_view_route']) ? route($plugin['detail_view_route']) : route('plugins.recipe', ['plugin' => $plugin['id']]) }}"
class="block"> class="block h-full">
<div class="flex items-center space-x-4 px-10 py-8"> <div class="flex items-center space-x-4 px-10 py-8 h-full">
@isset($plugin['icon_url']) @isset($plugin['icon_url'])
<img src="{{ $plugin['icon_url'] }}" class="h-6"/> <img src="{{ $plugin['icon_url'] }}" class="h-6"/>
@else @else