feat: Mejorar el diseño del footer ajustando la estructura de los elementos y optimizando el espacio
This commit is contained in:
@@ -38,9 +38,7 @@
|
||||
|
||||
<!-- Stats Footer con SVG Backgrounds mejorados -->
|
||||
<!-- Stats Footer con SVG Backgrounds más pequeños -->
|
||||
<div class="flex flex-wrap justify-center gap-4 pt-8 px-4">
|
||||
<!-- Primera fila: Discord.js y Fecha -->
|
||||
<div class="flex flex-wrap justify-center gap-4 w-full max-w-4xl">
|
||||
<div class="flex flex-wrap md:flex-nowrap justify-center gap-4 pt-8 px-4 w-full max-w-6xl mx-auto">
|
||||
<!-- Discord.js Version -->
|
||||
<div class="relative flex-1 min-w-[240px] max-w-[320px]">
|
||||
<img src="/assets/images/snap1.svg" alt="card background" class="w-full h-auto" style="display: block;">
|
||||
@@ -64,10 +62,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Segunda fila: Secciones (tercer badge pequeño) -->
|
||||
<div class="flex justify-center w-full max-w-4xl">
|
||||
<!-- Tercer badge: Secciones -->
|
||||
<div class="relative flex-1 min-w-[240px] max-w-[320px]">
|
||||
<img src="/assets/images/snap2.svg" alt="card background" class="w-full h-auto" style="display: block;">
|
||||
<div class="absolute inset-0 flex items-center gap-3 py-3 px-4">
|
||||
@@ -75,7 +70,6 @@
|
||||
<p class="text-sm font-semibold text-white" style="text-shadow: 0 2px 4px rgba(0,0,0,0.5);">23 Secciones</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user