career-path-maestro / style.css
PauGarza's picture
quita lo de dibujar linea entre materias y quiero que las materias no cursadas salgan a manera de lista del lado izquierdo abajo de los sliders y el boton de autoplanear
5368c4e verified
/* Estilos globales */
body {
font-family: 'Inter', sans-serif;
min-height: 100vh;
background-color: #F3F4F6;
}
/* Estilo para las tarjetas de materias */
.materia-card {
transition: all 0.2s ease;
}
.materia-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.materia-card.warning {
background-color: #fff7ed;
border-color: #f59e0b;
}
.warning-badge {
font-size: 0.7rem;
padding: 0.15rem 0.4rem;
background-color: #fef3c7;
color: #92400e;
border-radius: 0.25rem;
display: inline-flex;
align-items: center;
}
.warning-badge i {
margin-right: 0.2rem;
}
/* Estilo para los badges de advertencia */
.badge {
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
}
/* Estilo para los semestres */
.semestre-card {
min-height: 200px;
}
/* Estilo para las materias no asignadas */
#noAsignadas {
min-height: 100px;
}
/* Estilo para el drag and drop */
.sortable-ghost {
opacity: 0.5;
background: #c8ebfb;
}
.materias-no-asignadas {
border: 1px solid #e5e7eb;
border-radius: 0.5rem;
padding: 0.5rem;
background-color: #f9fafb;
}
.materias-no-asignadas .materia-card {
background-color: white;
margin-bottom: 0.5rem;
}
/* Estilo para el botón de anclar */
button[onclick^="fijarSemestre"] {
cursor: pointer;
transition: color 0.2s;
}
button[onclick^="fijarSemestre"]:hover {
color: #3B82F6 !important;
}