Done #4909 @0.25

diff --git a/resources/views/front/home.blade.php b/resources/views/front/home.blade.php
index 14a84e63ee0fab945c460e96d9a2fee699a6fb19..8230d12890796c5ebc918c86f9be25f53e08e8ca 100644 (file)
--- a/resources/views/front/home.blade.php
+++ b/resources/views/front/home.blade.php
@@ -73,12 +73,15 @@
         {{-- Link blocks --}}
         <div class="grid grid-cols-3 gap-6 text-center lg:text-left" x-data="{ shown: false }" x-intersect="shown = true">
             @foreach($shortcuts as $shortcut)
-                <div class="relative bg-blue flex flex-col lg:flex-row items-center text-white p-6 rounded-lg overflow-hidden max-h-[22vh] lg:max-h-none">
-                    <img class="flex-shrink mr-8 max-h-[40%] lg:max-h-none lg:w-[40%]" src="{{ $shortcut['image'] }}" alt="">
-                    <div class="flex-1 flex-shrink-0 space-y-2">
+                <x-link :href="$shortcut['link']"
+                        class="group relative
+                               flex flex-col lg:flex-row items-center
+                               bg-blue text-white p-6 rounded-lg overflow-hidden">
+                    <img class="flex-shrink lg:mr-8 max-h-30 lg:max-h-none lg:w-[40%]" src="{{ $shortcut['image'] }}" alt="">
+                    <div class="lg:flex-1 lg:flex-shrink-0 space-y-2">
                         <h3 class="font-semibold uppercase">{{ $shortcut['title'] }}</h3>
                         <p>{{ $shortcut['content'] }}</p>
-                        <x-link :href="$shortcut['link']" class="circle-arrow transition transform hover:scale-110"></x-link>
+                        <div class="circle-arrow transition transform group-hover:scale-110"></div>
                     </div>
                     {{-- Initial Mask --}}
                     <div class="absolute top-0 left-0 w-full h-full bg-white z-1 transition-transform transform origin-top ease-out duration-500"
@@ -86,7 +89,7 @@
                          style="transition-delay: {{ 300 + $loop->index * 100 }}ms"
                     >
                     </div>
-                </div>
+                </x-link>
             @endforeach
         </div>