style(components): adjust image size and quality for skins

- Adjusted image width and quality attributes for recent and upcoming skin components to improve display consistency.
This commit is contained in:
Rico van Zelst
2024-02-27 13:03:33 +01:00
parent 1f1a07adb0
commit cdae1cda79
2 changed files with 4 additions and 4 deletions

View File

@@ -23,8 +23,8 @@
<div class="flex flex-col">
<div class="flex flex-col items-center justify-center">
<a href="{{ route('skins.show', $skin->slug) }}">
<img loading="lazy" class="border-2 w-80 min-h-44 aspect-video border-orange-400/40 rounded-xl"
src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=640&output=webp&q=75&maxage=2d"
<img loading="lazy" class="h-full border-2 w-80 border-orange-400/40 rounded-xl"
src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=480&output=webp&q=75&maxage=2d"
alt="{{ $skin->skin_name }} Splash Art">
</a>
<div class="flex flex-col items-center justify-center">

View File

@@ -26,8 +26,8 @@
<div class="flex flex-col">
<div class="flex flex-col items-center justify-center">
<a href="{{ route('skins.show', $skin->slug) }}">
<img loading="lazy" class="border-2 w-80 min-h-44 aspect-video border-orange-400/40 rounded-xl"
src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=640&output=webp&q=75&maxage=2d"
<img loading="lazy" class="h-full border-2 w-80 border-orange-400/40 rounded-xl"
src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=480&output=webp&q=75&maxage=2d"
alt="{{ $skin->skin_name }} Splash Art">
</a>
<div class="flex flex-col items-center justify-center">