Fix janky loading icon & weird offset of modal

This commit is contained in:
2026-05-23 10:29:07 +02:00
parent 72263127df
commit d4c90976f8
2 changed files with 14 additions and 12 deletions

View File

@@ -2,7 +2,7 @@
namespace App\Helpers; namespace App\Helpers;
use Illuminate\Support\Str; use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Cache; use Illuminate\Support\Facades\Cache;
use Conner\Tagging\Model\Tag; use Conner\Tagging\Model\Tag;
@@ -10,7 +10,7 @@ class FilterCategories
{ {
public static function getFilterCategories() public static function getFilterCategories()
{ {
$taglist = cache()->remember( $taglist = Cache::remember(
'searchtags', 'searchtags',
300, 300,
fn () => Tag::where('count', '>', 0) fn () => Tag::where('count', '>', 0)
@@ -90,7 +90,7 @@ class FilterCategories
'Appearance' => collect($appearances) 'Appearance' => collect($appearances)
->reject(function ($tag) { ->reject(function ($tag) {
return auth()->guest() && in_array($tag, ['Loli', 'Shota']); return Auth::guest() && in_array($tag, ['Loli', 'Shota']);
}) })
->toArray(), ->toArray(),

View File

@@ -1,6 +1,6 @@
<!-- Search Filters --> <!-- Search Filters -->
<div class="space-y-4"> <div>
<div class="rounded-2xl border border-neutral-200/70 bg-white/80 p-4 shadow-sm backdrop-blur-xl dark:border-neutral-800 dark:bg-neutral-950/70"> <div class="rounded-2xl border border-neutral-200/70 bg-white/80 p-4 shadow-sm backdrop-blur-xl dark:border-neutral-800 dark:bg-neutral-950/70 space-y-4">
<!-- Filters Grid --> <!-- Filters Grid -->
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-5"> <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-5">
@@ -30,13 +30,15 @@
/> />
<!-- Loading --> <!-- Loading -->
<div class="absolute inset-y-0 right-3 flex items-center" wire:loading> <div wire:loading.class="opacity-100" class="opacity-0">
<svg class="h-5 w-5 animate-spin text-rose-500" viewBox="0 0 24 24" fill="none"> <div class="absolute inset-y-0 right-3 flex items-center">
<circle class="opacity-20" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <svg class="h-5 w-5 animate-spin text-rose-500" viewBox="0 0 24 24" fill="none">
<path class="opacity-90" fill="currentColor" <circle class="opacity-20" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
d="M22 12a10 10 0 0 1-10 10V18a6 6 0 0 0 6-6h4Z"> <path class="opacity-90" fill="currentColor"
</path> d="M22 12a10 10 0 0 1-10 10V18a6 6 0 0 0 6-6h4Z">
</svg> </path>
</svg>
</div>
</div> </div>
</div> </div>
</div> </div>