Sort Tailwind classes

This commit is contained in:
Shift
2024-03-18 17:55:31 +00:00
parent 5560ec3081
commit 2541825a1d
21 changed files with 60 additions and 99 deletions

View File

@@ -163,14 +163,13 @@
</p>
@endif
@foreach($skin->chromas as $key => $chroma)
<div class="flex flex-col group ">
<div class="flex flex-col group">
<a href="/skin/{{$skin->slug}}">
<img
src="//wsrv.nl/?url={{ $chroma->getChromaImageAttribute() }}&w=220&output=webp&q=70&il"
alt="{{$chroma->chroma_name}} {{$chroma->skin_name}} ScreenShot"
@if($key < 6) loading="eager" @else loading="lazy" @endif
class=" inline-block h-36 object-cover rounded-2xl shadow-md border border-3 border-white/10
hover:shadow-orange-500/20 transition-all duration-700 mr-2.5">
class="inline-block h-36 object-cover rounded-2xl shadow-md border border-3 border-white/10 hover:shadow-orange-500/20 transition-all duration-700 mr-2.5">
</a>
<div>

View File

@@ -12,7 +12,7 @@
</div>
<div class="container flex items-center justify-center p-4 mx-auto mt-3">
<div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-4 ">
<div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-4">
@foreach ($skins as $key => $skin)
<div
@@ -23,10 +23,7 @@
@foreach ($skin->associated_skinline as $skinline)
<span class="sr-only">Associated Skinline:</span>
<span
class="m-2 bg-orange-100 text-orange-800 text-xs font-medium
mr-2 px-2.5 py-0.5 rounded
border border-orange-300
">
class="m-2 bg-orange-100 text-orange-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded border border-orange-300">
{{ $skinline }}</span>
@endforeach
</div>
@@ -53,7 +50,7 @@
</div>
<div class="flex items-end justify-center px-4 mt-auto mb-2 text-2xl text-white md:text-lg">
<p class="text-sm font-medium hover:text-orange-400 "><a href="/skin/{{ $skin->slug }}">More
<p class="text-sm font-medium hover:text-orange-400"><a href="/skin/{{ $skin->slug }}">More
details
<x-iconsax-bul-arrow-circle-right class="inline-block w-6" />
</a>

View File

@@ -1,4 +1,4 @@
<div class="flex items-center justify-center mt-8 ">
<div class="flex items-center justify-center mt-8">
<form action="{{ route('skins.index') }}" method="GET" class="flex" id="searchForm">
<div class="relative">
<input type="text" name="filter[name]" placeholder="Search by skin name"