- Continuo con la variante al modo claro.
This commit is contained in:
BryamE
2026-02-27 00:05:42 -03:00
parent 850a55f257
commit 7c3d460333
10 changed files with 73 additions and 73 deletions
+5 -5
View File
@@ -1,15 +1,15 @@
@props(['href' => '#', 'title', 'description', 'linkText' => 'Ver detalles'])
<a href="{{ $href }}" class="group relative block p-6 bg-panel-bg border border-neutral-800 rounded-xl hover:border-neon-lime hover:-translate-y-1 transition-all duration-300 shadow-lg hover:shadow-neon-lime/20 h-full">
<a href="{{ $href }}" class="group relative block p-6 bg-white dark:bg-panel-bg border border-neutral-200 dark:border-neutral-800 rounded-xl hover:border-neutral-600 hover:dark:border-neon-lime hover:-translate-y-1 transition-all duration-300 shadow-lg hover:dark:shadow-neon-lime/20 h-full">
<!-- slot para SVG -->
<div class="absolute top-0 right-0 p-4 opacity-10 group-hover:opacity-100 transition-opacity">
<div class="absolute top-0 right-0 p-4 opacity-30 dark:opacity-10 group-hover:opacity-100 transition-opacity">
{{ $slot }}
</div>
<h3 class="mt-4 text-xl font-bold text-white group-hover:text-neon-lime transition-colors">{{ $title }}</h3>
<p class="mt-2 text-sm text-gray-500">{{ $description }}</p>
<h3 class="mt-4 text-xl font-bold text-black dark:text-white group-hover:text-lime-500 group-hover:dark:text-neon-lime transition-colors">{{ $title }}</h3>
<p class="mt-2 text-sm text-gray-700 dark:text-gray-500">{{ $description }}</p>
<div class="mt-6 inline-flex items-center text-xs font-bold text-neon-lime uppercase tracking-wider">
<div class="mt-6 inline-flex items-center text-xs font-bold text-lime-500 dark:text-neon-lime uppercase tracking-wider">
{{ $linkText }} <span class="ml-2 group-hover:translate-x-1 transition-transform"></span>
</div>
</a>