Estandard
This commit is contained in:
@@ -262,15 +262,20 @@
|
||||
:class="{ 'table-warning': registro.reposicion_id }">
|
||||
<td class="text-center align-middle px-2">{{ registro.registro_fecha_ideal }}
|
||||
</td>
|
||||
<td class="text-center align-middle px-2">{{ registro.salon }}</td>
|
||||
<td class="align-middle px-2">
|
||||
<td class="text-center align-middle px-2">{{
|
||||
`${registro.salon?.slice(0,15)}${registro.salon?.length > 15 ? '...' : ''}` }}</td>
|
||||
<td class="align-middle px-2 d-flex justify-content-center">
|
||||
<div class="w-75 d-flex justify-content-between" style="font-size: 1.2rem">
|
||||
<span>
|
||||
<strong>{{ registro.profesor_clave }}</strong>
|
||||
{{ registro.profesor_nombre }}
|
||||
<button type="button" class="ml-3 btn btn-sm btn-outline-primary"
|
||||
</span>
|
||||
<a class="ml-3 text-info" style="cursor: pointer; font-size: 1.5rem;"
|
||||
@click="store.current.clase_vista = registro; detalle.obtener_detalle(registro.horario_id, registro.profesor_id, registro.registro_fecha_ideal)"
|
||||
data-toggle="modal" data-target="#ver-detalle">
|
||||
<i class="ing-ojo"></i> detalle
|
||||
</button>
|
||||
<i class="ing-ojo"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
|
||||
@@ -315,7 +320,7 @@
|
||||
<strong class="badge border border-primary">Observaciones:</strong>
|
||||
<small class="text-truncate">{{`${registro.comentario?.slice(0,25)}
|
||||
${registro.comentario.length
|
||||
> 10 ? '...' : ''}`}}</small>
|
||||
> 25 ? '...' : ''}`}}</small>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
@@ -392,6 +397,11 @@
|
||||
<div class="modal-dialog modal-dialog-centered modal-xl" v-if="clase_vista">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body detalle">
|
||||
<nav style="cursor: pointer;" class="modal-close pe-auto"
|
||||
@click="$('#ver-detalle').modal('hide');">
|
||||
<i class="ing-cancelar text-danger"></i>
|
||||
</nav>
|
||||
|
||||
<section class="profesor">
|
||||
<img class="profesor-icon" src="fonts/svg/portrait.svg" alt="profesor">
|
||||
<div>
|
||||
@@ -431,7 +441,8 @@
|
||||
</div>
|
||||
<div class="pp-card" style="grid-row: span 8">
|
||||
<div class="bg-primary text-white">{{clase_vista.carrera}}</div>
|
||||
<main class="horario_clase d-flex flex-column justify-content-center px-4" style="gap: .5rem;">
|
||||
<main class="horario_clase d-flex flex-column justify-content-center px-4"
|
||||
style="gap: .5rem;">
|
||||
<span class="materia_nombre">{{clase_vista.materia}}</span>
|
||||
<span class="horario text-dark mb-2">
|
||||
<section class="la-salle-regular">
|
||||
|
||||
@@ -38,7 +38,8 @@
|
||||
fill: #001d68;
|
||||
}
|
||||
|
||||
.profesor-nombre, .materia_nombre {
|
||||
.profesor-nombre,
|
||||
.materia_nombre {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 900;
|
||||
font-family: 'La Salle Display Regular';
|
||||
@@ -81,16 +82,19 @@
|
||||
background-color: #969696;
|
||||
}
|
||||
|
||||
.detalle > main {
|
||||
.detalle>main {
|
||||
display: grid;
|
||||
gap: 2rem;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
/* Media query for mobile devices */
|
||||
@media (max-width: 768px) { /* Adjust the max-width as needed for your target screen size */
|
||||
.detalle > main {
|
||||
grid-template-columns: 1fr; /* Single column */
|
||||
@media (max-width: 768px) {
|
||||
|
||||
/* Adjust the max-width as needed for your target screen size */
|
||||
.detalle>main {
|
||||
grid-template-columns: 1fr;
|
||||
/* Single column */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -111,7 +115,7 @@
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.pp-card > div {
|
||||
.pp-card>div {
|
||||
border-start-start-radius: 1rem;
|
||||
border-start-end-radius: 1rem;
|
||||
padding-inline: 1.5rem;
|
||||
@@ -173,12 +177,19 @@
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.modal-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 2rem;
|
||||
}
|
||||
|
||||
.facultad {
|
||||
font-family: 'La Salle Display Heavy';
|
||||
font-family: 'La Salle Display Regular';
|
||||
font-size: 1.4rem;
|
||||
color: #969696;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: 1rem;
|
||||
margin: 2rem;
|
||||
}
|
||||
Reference in New Issue
Block a user