Fix janky loading icon & weird offset of modal
This commit is contained in:
@@ -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(),
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user