mirror of
https://github.com/rico-vz/HeimerdingerLoL.git
synced 2025-12-06 18:20:48 +01:00
Sort Tailwind classes
This commit is contained in:
@@ -20,7 +20,7 @@
|
||||
<a href="/icon/{{ $icon->slug }}">
|
||||
<img @if ($key < 8) loading="eager" @else loading="lazy" @endif
|
||||
src="//wsrv.nl/?url={{ $icon->image }}&w=200&output=webp&q=50&il&default=ssl:wsrv.nl%2F%3Furl%3Dhttps://i.ibb.co/5s6YyvN/aaaa.png"
|
||||
class="object-cover w-full h-full " alt="{{ $icon->title }} Icon" /></a>
|
||||
class="object-cover w-full h-full" alt="{{ $icon->title }} Icon" /></a>
|
||||
</div>
|
||||
|
||||
<div class="px-4 py-2">
|
||||
@@ -35,7 +35,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="/icon/{{ $icon->slug }}">More
|
||||
<p class="text-sm font-medium hover:text-orange-400"><a href="/icon/{{ $icon->slug }}">More
|
||||
details
|
||||
<x-iconsax-bul-arrow-circle-right class="inline-block w-6" />
|
||||
</a>
|
||||
|
||||
@@ -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('assets.icons.index') }}" method="GET" class="flex" id="searchForm">
|
||||
<div class="relative">
|
||||
<input type="text" name="filter[title]" placeholder="Search by icon title"
|
||||
|
||||
@@ -2,16 +2,13 @@
|
||||
<div class="my-auto mx-auto items-center justify-center align-middle">
|
||||
<p class="sr-only">Heimerdinger Presents:</p>
|
||||
<h3
|
||||
class="text-sm font-bold text-center text-transparent uppercase sm:text-md
|
||||
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
|
||||
class="text-sm font-bold text-center text-transparent uppercase sm:text-md bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
|
||||
ICON DETAILS</h3>
|
||||
<h1
|
||||
class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
|
||||
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
|
||||
class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
|
||||
{{$icon->title}}</h1>
|
||||
<h2
|
||||
class="text-sm md:text-lg font-bold text-center text-transparent uppercase
|
||||
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
|
||||
class="text-sm md:text-lg font-bold text-center text-transparent uppercase bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
|
||||
Released in: {{$icon->release_year}}</h2>
|
||||
|
||||
<div class="container mx-auto p-4 flex items-center justify-center mt-3 my-auto">
|
||||
@@ -23,8 +20,7 @@
|
||||
<img
|
||||
src="//wsrv.nl/?url={{ $icon->image }}&w=400&output=webp&q=100&il"
|
||||
alt="{{$icon->title}} Icon"
|
||||
class="transition-transform duration-700 rounded-2xl bg-clip-border border-2 border-orange-400/40
|
||||
shadow-md shadow-orange-400/20"/>
|
||||
class="transition-transform duration-700 rounded-2xl bg-clip-border border-2 border-orange-400/40 shadow-md shadow-orange-400/20"/>
|
||||
<a href="{{$icon->image}}" rel="noopener" target="_blank"
|
||||
class="text-center text-neutral-100 text-sm font-medium px-4 py-2">
|
||||
View in HD
|
||||
@@ -36,7 +32,7 @@
|
||||
{{$icon->title}} Details
|
||||
</h4>
|
||||
<div class="flex flex-col justify-between h-max">
|
||||
<ul class="mx-5 flex-1 h-max">
|
||||
<ul class="mx-5 flex-1 h-max">
|
||||
<li class="text-neutral-100 hyphens-auto text-base leading-loose items-center" lang="en">
|
||||
<span class="font-bold">Icon ID:</span>
|
||||
<span class="font-mono font-semibold">{{$icon->icon_id}}</span>
|
||||
|
||||
Reference in New Issue
Block a user