Skip to content

Feat/gradient backgrounds layout improvements#194

Merged
NiconiKimg merged 2 commits into
developfrom
feat/gradient-backgrounds-layout-improvements
Dec 19, 2025
Merged

Feat/gradient backgrounds layout improvements#194
NiconiKimg merged 2 commits into
developfrom
feat/gradient-backgrounds-layout-improvements

Conversation

@NiconiKimg

Copy link
Copy Markdown
Collaborator

Issue Relacionada

Closes #193


Resumen

Este PR implementa fondos degradados en todas las páginas de la aplicación para mejorar la experiencia visual, estandariza los anchos máximos de contenido para mantener consistencia, y traduce al español las insignias de estado de inscripción.

Cambios Técnicos Implementados

  • MainLayout: Se eliminó bg-neutral-50 y clases de contenedor que interferían con los degradados de las páginas individuales
  • Fondos Degradados: Se agregó min-h-screen con gradientes personalizados a todas las páginas principales (About, FAQ, Contact, Admin, Professor, Course, User)
  • Estandarización de Anchos: Se unificó el ancho máximo de contenido a max-w-7xl en todas las páginas para mantener consistencia visual similar a la página de explorar cursos
  • Padding Navbar: Se implementó padding diferenciado: pt-16 para páginas con sticky headers y pt-24 para páginas regulares, eliminando espacios en blanco entre navbar y contenido
  • StatusBadge: Se agregaron traducciones al español para estados de inscripción (enrolled/in-progress → "En Progreso", completed → "Completado")
  • ProfessorAppeal: Se eliminó el enlace duplicado "← UpSkill" dejando solo el de la navbar

Guía para Pruebas y Revisión

  1. Iniciar el servidor con pnpm dev
  2. Verificar que todas las páginas tengan degradados de fondo completos:
    • Páginas públicas: /about, /faq, /contact
    • Páginas de curso: /courses, /my-learning, /courses/[id]
    • Páginas de profesor: /professor/dashboard, /professor/apply
    • Páginas de admin: /admin/dashboard, /admin/analytics
  3. Verificar Ancho Consistente: El contenido debe estar centrado con el mismo ancho máximo en todas las páginas
  4. Verificar Navbar: No debe haber espacio en blanco entre navbar y contenido, y el contenido no debe quedar oculto bajo la navbar
  5. Verificar Traducciones: En /my-learning, las insignias de estado deben mostrar "En Progreso" y "Completado" en español
  6. Verificar CourseDetails: Navegar a detalles de cualquier curso no debe generar errores JSX

@NiconiKimg NiconiKimg self-assigned this Dec 18, 2025
@NiconiKimg NiconiKimg added the needs-review This PR need review label Dec 18, 2025
@vercel

vercel Bot commented Dec 18, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
front-end-dsw Ready Ready Preview, Comment Dec 18, 2025 6:16pm

@NiconiKimg NiconiKimg merged commit 260bff0 into develop Dec 19, 2025
4 checks passed
@NiconiKimg NiconiKimg deleted the feat/gradient-backgrounds-layout-improvements branch December 19, 2025 01:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

needs-review This PR need review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: Implementar fondos degradados y estandarizar layout

2 participants