alumnos_ti/LauckCycles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ADD:

Browse Source 
- Agregada funcion de cambio de tema para el modo claro
STYLE:
- Agregadas variantes de estilos, clases en modo claro y oscuro
- Quedan pendientes mas componentes a estilizar
This commit is contained in:
Bryam105
2026-02-21 21:16:00 -03:30
parent 8448a9e43b
commit 850a55f257
10 changed files with 84 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/catalogo/index.blade.php
+5 -5
View File
@@ -8,19 +8,19 @@
@if ($products->count() > 0)
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@foreach ($products as $product)
<div class="group p-4 border border-neutral-800 rounded-xl hover:border-neon-lime hover:-translate-y-1 transition-all duration-300">
<div class="group p-4 border bg-neutral-100/30 dark:bg-neutral-950/30 border-neutral-200 dark:border-neutral-800 rounded-xl hover:border-lime-500 hover:dark:border-neon-lime hover:-translate-y-1 transition-all duration-300">
{{-- Imagen si existe --}}
@if (!empty($product->image_path))
<img src="{{ asset('storage/' . $product->image_path) }}" alt="{{ $product->name }}"
class="w-full h-40 object-cover rounded mb-4">
@else
<div class="w-full border border-neutral-800 h-40 bg-stone-900 flex items-center justify-center rounded mb-4">
<span class="text-neon-lime text-md uppercase font-bold">Sin imagen</span>
<div class="w-full border border-neutral-200 dark:border-neutral-800 h-40 bg-stone-100 dark:bg-stone-900 flex items-center justify-center rounded mb-4">
<span class="text-lime-500 dark:text-neon-lime text-md uppercase font-bold">Sin imagen</span>
</div>
@endif
{{-- Nombre --}}
<h2 class="text-lg font-semibold text-white">{{ $product->name }}</h2>
<h2 class="text-lg font-semibold text-black dark:text-white">{{ $product->name }}</h2>
{{-- Descripción corta --}}
<div class="h-10 overflow-y-auto [scrollbar-width:none]">
@@ -44,7 +44,7 @@
@endforeach
</div>
@else
<p class="text-center text-gray-600 mt-10">No hay productos disponibles.</p>
<p class="text-center text-gray-400 dark:text-gray-600 mt-10">No hay productos disponibles.</p>
@endif
<div class="mt-3">