m

Author: elkiki99

resources/views/components/movie-card.blade.php

@@ -2,7 +2,7 @@
 
 <div x-data="{ loaded: @js($loaded) }" wire:remove wire:key="item-{{ $movie['id'] }}"
     wire:target='toggle-watchlist,{{ $movie['id'] }}'
-    class="max-w-[250px] relative transition duration-300 bg-gray-800 border border-transparent rounded-sm shadow-md hover:cursor-pointer hover:border-gray-400 hover:shadow-lg hover:shadow-gray-200/50">
+    class="relative w-auto h-auto transition duration-300 bg-gray-800 border border-transparent rounded-sm shadow-md hover:cursor-pointer hover:border-gray-400 hover:shadow-lg hover:shadow-gray-200/50">
 
     <div class="relative aspect-w-2 aspect-h-3">
         <div class="absolute inset-0 flex items-center justify-center" x-show="!loaded">

resources/views/components/series-card.blade.php

@@ -2,7 +2,7 @@
 
 <div x-data="{ loaded: @js($loaded) }" wire:remove wire:key="item-{{ $series['id'] }}"
     wire:target='toggle-watchlist,{{ $series['id'] }}'
-    class="max-w-[250px] relative overflow-hidden transition duration-300 bg-gray-800 border border-transparent rounded-sm shadow-md hover:cursor-pointer hover:border-gray-400 hover:shadow-lg hover:shadow-gray-200/50">
+    class="relative w-auto h-auto overflow-hidden transition duration-300 bg-gray-800 border border-transparent rounded-sm shadow-md hover:cursor-pointer hover:border-gray-400 hover:shadow-lg hover:shadow-gray-200/50">
 
     <div class="relative aspect-w-2 aspect-h-3">
         <div class="absolute inset-0 flex items-center justify-center" x-show="!loaded">

resources/views/livewire/layout/home-header.blade.php

@@ -95,7 +95,7 @@ public function loadTrendingMoviesAndSeries()
                     </div>
 
                     <!-- Image -->
-                    <img class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
+                    <img loading="eager" class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
                         x-bind:src="slide.imgSrc" x-bind:alt="slide.imgAlt">
                 </div>
             </template>

resources/views/livewire/layout/movie-genre-header.blade.php

@@ -95,7 +95,7 @@ class="relative md:min-h-screen min-h-[70vh] inset-0 z-20 bg-gradient-to-b from-
                     </div>
 
                     <!-- Image -->
-                    <img class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
+                    <img loading="eager" class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
                         x-bind:src="slide.imgSrc" x-bind:alt="slide.imgAlt">
                 </div>
             </template>

resources/views/livewire/layout/movies-header.blade.php

@@ -82,7 +82,7 @@ class="relative md:min-h-screen min-h-[70vh] inset-0 z-20 bg-gradient-to-b from-
                     </div>
 
                     <!-- Image -->
-                    <img class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
+                    <img loading="eager" class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
                         x-bind:src="slide.imgSrc" x-bind:alt="slide.imgAlt">
                 </div>
             </template>

resources/views/livewire/layout/series-genre-header.blade.php

@@ -95,7 +95,7 @@ class="relative md:min-h-screen min-h-[70vh] inset-0 z-20 bg-gradient-to-b from-
                     </div>
 
                     <!-- Image -->
-                    <img class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
+                    <img loading="eager" class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
                         x-bind:src="slide.imgSrc" x-bind:alt="slide.imgAlt">
                 </div>
             </template>

resources/views/livewire/layout/series-header.blade.php

@@ -82,7 +82,7 @@ class="relative md:min-h-screen min-h-[70vh] inset-0 z-20 bg-gradient-to-b from-
                     </div>
 
                     <!-- Image -->
-                    <img class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
+                    <img loading="eager" class="absolute top-0 left-0 object-cover w-full md:h-screen h-[70vh]" alt="slide.imgAlt"
                         x-bind:src="slide.imgSrc" x-bind:alt="slide.imgAlt">
                 </div>
             </template>

resources/views/livewire/movies/show-movie.blade.php

@@ -97,10 +97,10 @@ class="text-black size-4 md:size-6">
         </div>
     </div>
 
-    <div x-cloak class="relative h-full mx-auto max-w-7xl">
+    <div class="relative h-full mx-auto max-w-7xl">
         <div class="max-w-4xl px-4 pb-8 space-y-1 text-gray-300">
             <!-- Add to watchlist -->
-            <div class="mt-4">
+            <div class="mt-4" x-cloak>
                 <livewire:components.toggle-watchlist-on-header :itemType="'movie'" :itemId="$movie['id']" />
             </div>
 
@@ -113,20 +113,15 @@ class="text-black size-4 md:size-6">
             <p class="text-sm text-gray-400">
                 @foreach ($movie['genres'] as $genre)
                     <a class="hover:cursor-pointer hover:underline" href="{{ route('movies.genres', $genre['id']) }}"
-                        wire:navigate>{{ $movieGenres[$genre['id']] ?? '' }}</a>
-                    @if (!$loop->last)
-                        ,
-                    @endif
+                        wire:navigate>{{ $movieGenres[$genre['id']] ?? '' }}</a>@if(!$loop->last),@endif
                 @endforeach
             </p>
 
             <!-- Cast -->
             @if ($this->cast)
                 <p class="text-xs text-gray-500">
                     @foreach (array_slice($cast['cast'], 0, 5) as $actor)
-                        {{ $actor['name'] }}@if (!$loop->last)
-                            ,
-                        @endif
+                        {{ $actor['name'] }}@if(!$loop->last),@endif
                     @endforeach
                 </p>
             @endif

resources/views/livewire/series/show-series.blade.php

@@ -112,10 +112,10 @@ class="text-black size-4 md:size-6">
         </div>
     </div>
 
-    <div x-cloak class="relative h-full mx-auto max-w-7xl">
+    <div class="relative h-full mx-auto max-w-7xl">
         <div class="max-w-4xl px-4 pb-8 space-y-1 text-gray-300">
             <!-- Add to watchlist -->
-            <div class="mt-4">
+            <div class="mt-4" x-cloak>
                 <livewire:components.toggle-watchlist-on-header :itemType="'series'" :itemId="$series['id']" />
             </div>
 
@@ -128,20 +128,15 @@ class="text-black size-4 md:size-6">
             <p class="text-sm text-gray-400">
                 @foreach ($series['genres'] as $genre)
                     <a class="hover:cursor-pointer hover:underline" href="{{ route('series.genres', $genre['id']) }}"
-                        wire:navigate>{{ $seriesGenres[$genre['id']] ?? '' }}</a>
-                    @if (!$loop->last)
-                        ,
-                    @endif
+                        wire:navigate>{{ $seriesGenres[$genre['id']] ?? '' }}</a>@if(!$loop->last),@endif
                 @endforeach
             </p>
 
             <!-- Cast -->
             @if ($this->cast)
                 <p class="text-xs text-gray-500">
                     @foreach (array_slice($this->cast['cast'], 0, 5) as $actor)
-                        {{ $actor['name'] }}@if (!$loop->last)
-                            ,
-                        @endif
+                        {{ $actor['name'] }}@if(!$loop->last),@endif
                     @endforeach
                 </p>
             @endif

resources/views/livewire/watchlist.blade.php

@@ -33,7 +33,7 @@ public function loadWatchlist()
             ->filter()
             ->reverse();
 
-        $this->paginatedWatchlist = $this->watchlist->paginate(12);
+        $this->paginatedWatchlist = $this->watchlist->paginate(60);
     }
 
     private function fetchItemDetails($itemId, $itemType)
@@ -61,7 +61,6 @@ private function fetchItemDetails($itemId, $itemType)
         @endforelse
     </div>
 
-    <!-- Contenedor de la paginación -->
     <div class="pt-5 mt-auto">
         {{ $this->paginatedWatchlist->links() }}
     </div>