Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 18:20:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: skin splash aspectratio

Browse Source
This commit is contained in:
Rico van Zelst
2023-11-09 17:09:18 +01:00
parent 03fbcfaa3f
commit 0351c6eaa9
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
resources/views/components/skins/grid_info.blade.php
View File

@@ -16,14 +16,12 @@
class="relative rounded-2xl bg-stone-800/40 border border-neutral-300/5 shadow-sm shadow-stone-800/80 lg:col-span-2 "> class="relative rounded-2xl bg-stone-800/40 border border-neutral-300/5 shadow-sm shadow-stone-800/80 lg:col-span-2 ">
<div class="aspect-w-16 aspect-h-9 glow-shadow absolute inset-0 rounded-2xl" <div class="aspect-w-16 aspect-h-9 glow-shadow absolute inset-0 rounded-2xl"
style="--splash-color: {{$skin->splash_color}}"></div> style="--splash-color: {{$skin->splash_color}}"></div>
<div class="aspect-w-16 aspect-h-9 overflow-hidden rounded-2xl relative">
<img <img
src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=880&output=webp&q=85&il" src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=880&output=webp&q=85&il"
alt="{{$skin->skin_name}} Splash Art" alt="{{$skin->skin_name}} Splash Art"
class="w-full h-full object-cover transform scale-100 transition-transform duration-700 hover:scale-105 z-10" class="w-full h-full object-cover transform scale-100 transition-transform duration-700 z-10 rounded-2xl"
> >
</div> </div>
</div>
<div <div
class="rounded-2xl border border-3 border-white/10 class="rounded-2xl border border-3 border-white/10
@@ -34,9 +32,9 @@
{{$skin->skin_name}} Details</h4> {{$skin->skin_name}} Details</h4>
<ul class="ml-7 "> <ul class="ml-7 ">
<li class="text-neutral-100 hyphens-auto text-base font-medium leading-loose items-center mt-8" <li class="text-neutral-100 hyphens-auto text-base font-medium leading-loose items-center mt-4"
lang="en"> lang="en">
<span class="font-bold">Riot Points Cost:</span> <span class="font-bold">RP Cost:</span>
@if ($skin->rp_price == '99999') @if ($skin->rp_price == '99999')
Not Available for RP Not Available for RP
@else @else
@@ -99,7 +97,7 @@
@endforeach @endforeach
@endif @endif
</li> </li>
<li class="text-neutral-100 hyphens-auto text-base font-medium leading-loose items-center" <li class="text-neutral-100 hyphens-auto text-base font-medium leading-loose items-center mb-4"
lang="en"> lang="en">
<span class="font-bold">Splash Artist:</span> <span class="font-bold">Splash Artist:</span>
@if(count($skin->splash_artist) < 1) @if(count($skin->splash_artist) < 1)