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

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

@@ -53,11 +53,14 @@ if (!defined('ABSPATH')) {
</div> </div>
</div> </div>
<!-- ============================= --> <!-- Row para 2 cards por fila -->
<!-- GRUPO 1: ACTIVACIÓN --> <div class="row">
<!-- ============================= --> <!-- ============================= -->
<div class="form-section card shadow-sm border-0 mb-4"> <!-- GRUPO 1: ACTIVACIÓN -->
<div class="card-body"> <!-- ============================= -->
<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"> <h4 class="section-title">
<span class="title-icon"> <span class="title-icon">
<i class="bi bi-toggle-on"></i> <i class="bi bi-toggle-on"></i>
@@ -132,15 +135,16 @@ if (!defined('ABSPATH')) {
Pantallas de 768px en adelante Pantallas de 768px en adelante
</small> </small>
</div> </div>
</div>
</div> </div>
</div> </div>
</div>
<!-- ============================= --> <!-- ============================= -->
<!-- GRUPO 2: CONTENIDO --> <!-- GRUPO 2: CONTENIDO -->
<!-- ============================= --> <!-- ============================= -->
<div class="form-section card shadow-sm border-0 mb-4"> <div class="col-md-6">
<div class="card-body"> <div class="form-section card shadow-sm border-0 mb-4 h-100">
<div class="card-body">
<h4 class="section-title"> <h4 class="section-title">
<span class="title-icon"> <span class="title-icon">
<i class="bi bi-card-text"></i> <i class="bi bi-card-text"></i>
@@ -323,15 +327,19 @@ if (!defined('ABSPATH')) {
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- ============================= --> <!-- Row para segunda fila de cards -->
<!-- GRUPO 3: ESTILOS AVANZADOS --> <div class="row">
<!-- ============================= --> <!-- ============================= -->
<div class="form-section card shadow-sm border-0 mb-4"> <!-- GRUPO 3: ESTILOS AVANZADOS -->
<div class="card-body"> <!-- ============================= -->
<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"> <h4 class="section-title">
<span class="title-icon"> <span class="title-icon">
<i class="bi bi-palette"></i> <i class="bi bi-palette"></i>
@@ -459,16 +467,17 @@ if (!defined('ABSPATH')) {
</p> </p>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- ============================= --> <!-- ============================= -->
<!-- VISTA PREVIA INTERACTIVA --> <!-- VISTA PREVIA INTERACTIVA -->
<!-- ============================= --> <!-- ============================= -->
<div class="form-section card shadow-sm border-0 mb-4 bg-neutral-50"> <div class="col-md-6">
<div class="card-body"> <div class="form-section card shadow-sm border-0 mb-4 bg-neutral-50 h-100">
<div class="card-body">
<h4 class="section-title"> <h4 class="section-title">
<span class="title-icon"> <span class="title-icon">
<i class="bi bi-eye"></i> <i class="bi bi-eye"></i>
@@ -502,6 +511,7 @@ if (!defined('ABSPATH')) {
<i class="bi bi-display me-1"></i> <i class="bi bi-display me-1"></i>
Ver en Desktop Ver en Desktop
</button> </button>
</div>
</div> </div>
</div> </div>
</div> </div>