Add studio filter on download page closes #1

This commit is contained in:
2026-01-09 22:51:15 +01:00
parent 53b600daea
commit 58426b6e4e
2 changed files with 36 additions and 1 deletions

View File

@@ -2,7 +2,7 @@
<div class="mx-auto sm:px-6 lg:px-8 space-y-6 max-w-[100%] lg:max-w-[90%] xl:max-w-[80%] 2xl:max-w-[60%] relative z-10">
<!-- Search Filter -->
<div class="p-4 sm:p-8 bg-white/30 dark:bg-neutral-950/40 shadow sm:rounded-lg backdrop-blur relative z-100">
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 ">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 ">
<!-- Title -->
<div>
@@ -73,6 +73,23 @@
@endif
</div>
<!-- Studios -->
<div>
<div class="relative right-2 left-0 sm:left-2 transition-all">
<div class="absolute inset-y-0 left-2 flex items-center pl-3 pointer-events-none">
<i class="fa-solid fa-microphone-lines text-gray-500 dark:text-gray-400"></i>
</div>
<p data-te-toggle="modal" data-te-target="#modalStudios" data-te-ripple-init data-te-ripple-color="light" id="studios-filter" class="block cursor-pointer w-full p-4 pl-10 text-sm text-gray-500 dark:text-gray-400 border border-gray-300 rounded-lg bg-gray-50 focus:ring-rose-800 focus:border-rose-900 dark:bg-neutral-900 dark:border-neutral-600 dark:placeholder-gray-400 dark:focus:ring-rose-800 dark:focus:border-rose-900">
@if($studiocount === 0)
Select Studios
@elseif($studiocount === 1)
Selected {{ $studiocount }} Studio
@elseif($studiocount > 1)
Selected {{ $studiocount }} Studios
@endif
</p>
</div>
</div>
<!-- Ordering -->
<div>
@@ -247,4 +264,5 @@
</div>
{{ $downloads->links('pagination::tailwind') }}
</div>
@include('modals.filter-studios')
</div>