git.admin/roi-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(admin): Mostrar cards en grid de 2 columnas

Browse Source 
- Row 1: Activación + Contenido (col-md-6 cada uno)
- Row 2: Estilos + Vista Previa (col-md-6 cada uno)
- Añadido h-100 para altura uniforme entre cards

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-10 22:47:41 -06:00
parent 90b492886f
commit 9224f651f5
1 changed files with 32 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
admin-panel/admin/pages/main.php
View File

@@ -53,10 +53,13 @@ if (!defined('ABSPATH')) {
</div>
</div>
<!-- Row para 2 cards por fila -->
<div class="row">
<!-- ============================= -->
<!-- GRUPO 1: ACTIVACIÓN -->
<!-- ============================= -->
<div class="form-section card shadow-sm border-0 mb-4">
<div class="col-md-6">
<div class="form-section card shadow-sm border-0 mb-4 h-100">
<div class="card-body">
<h4 class="section-title">
<span class="title-icon">
@@ -139,7 +142,8 @@ if (!defined('ABSPATH')) {
<!-- ============================= -->
<!-- GRUPO 2: CONTENIDO -->
<!-- ============================= -->
<div class="form-section card shadow-sm border-0 mb-4">
<div class="col-md-6">
<div class="form-section card shadow-sm border-0 mb-4 h-100">
<div class="card-body">
<h4 class="section-title">
<span class="title-icon">
@@ -326,11 +330,15 @@ if (!defined('ABSPATH')) {
</div>
</div>
</div>
</div>
<!-- Row para segunda fila de cards -->
<div class="row">
<!-- ============================= -->
<!-- GRUPO 3: ESTILOS AVANZADOS -->
<!-- ============================= -->
<div class="form-section card shadow-sm border-0 mb-4">
<div class="col-md-6">
<div class="form-section card shadow-sm border-0 mb-4 h-100">
<div class="card-body">
<h4 class="section-title">
<span class="title-icon">
@@ -467,7 +475,8 @@ if (!defined('ABSPATH')) {
<!-- ============================= -->
<!-- VISTA PREVIA INTERACTIVA -->
<!-- ============================= -->
<div class="form-section card shadow-sm border-0 mb-4 bg-neutral-50">
<div class="col-md-6">
<div class="form-section card shadow-sm border-0 mb-4 bg-neutral-50 h-100">
<div class="card-body">
<h4 class="section-title">
<span class="title-icon">
@@ -507,6 +516,7 @@ if (!defined('ABSPATH')) {
</div>
</div>
</div>
</div>
<!-- Action Buttons -->
<div class="admin-actions mt-4">