From cdae1cda7977408271e24fc37946a0141370f75b Mon Sep 17 00:00:00 2001
From: Rico van Zelst <ricovzelst@pm.me>
Date: Tue, 27 Feb 2024 13:03:33 +0100
Subject: [PATCH] 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.
---
 resources/views/components/home/recent_skins.blade.php   | 4 ++--
 resources/views/components/home/upcoming_skins.blade.php | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/home/recent_skins.blade.php b/resources/views/components/home/recent_skins.blade.php
index 49a236b..144ef55 100644
--- a/resources/views/components/home/recent_skins.blade.php
+++ b/resources/views/components/home/recent_skins.blade.php
@@ -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">
diff --git a/resources/views/components/home/upcoming_skins.blade.php b/resources/views/components/home/upcoming_skins.blade.php
index b850336..3b7871d 100644
--- a/resources/views/components/home/upcoming_skins.blade.php
+++ b/resources/views/components/home/upcoming_skins.blade.php
@@ -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">