utn-cli 2.0.87 → 2.0.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/commands/frontend.js +38 -11
- package/package.json +1 -1
- package/templates/backend/servicios/Nucleo/LogoUTN.png +0 -0
- package/templates/backend/servicios/Nucleo/Miscelaneas.js +31 -388
- package/templates/backend/servicios/Nucleo/ReporteHTML.js +235 -0
- package/templates/backend/servicios/Nucleo/ReportePDF.js +797 -0
- package/templates/frontend/src/app/Componentes/Nucleo/tarjeta-reporte/tarjeta-reporte.component.html +2 -2
- package/templates/frontend/src/app/Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component.css +12 -0
- package/templates/frontend/src/app/Paginas/gestion-de-reportes/gestion-de-reportes.component.css +50 -0
|
@@ -102,6 +102,18 @@
|
|
|
102
102
|
display: flex;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
+
@media (max-width: 768px) {
|
|
106
|
+
.encabezado {
|
|
107
|
+
font-size: 18px;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
@media (max-width: 480px) {
|
|
112
|
+
.encabezado {
|
|
113
|
+
font-size: 18px;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
105
117
|
/* Pie */
|
|
106
118
|
.pie {
|
|
107
119
|
display: flex;
|
package/templates/frontend/src/app/Paginas/gestion-de-reportes/gestion-de-reportes.component.css
CHANGED
|
@@ -1,4 +1,54 @@
|
|
|
1
1
|
.contenido {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-wrap: wrap;
|
|
4
|
+
gap: 16px;
|
|
5
|
+
padding: 16px;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
width: 100%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/* Forzamos 4 columnas calculando el espacio disponible */
|
|
11
|
+
.contenido>* {
|
|
12
|
+
width: calc(25% - 12px);
|
|
13
|
+
/* 25% menos una parte del gap (16px * 3 / 4) */
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.cdk-drag-preview {
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
border-radius: 8px;
|
|
20
|
+
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
|
21
|
+
pointer-events: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.cdk-drag-placeholder {
|
|
25
|
+
opacity: 0.3;
|
|
26
|
+
background: #ccc;
|
|
27
|
+
border: 2px dashed #999;
|
|
28
|
+
border-radius: 8px;
|
|
29
|
+
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
30
|
+
/* El placeholder debe mantener el tamaño de la tarjeta */
|
|
31
|
+
min-height: 150px;
|
|
32
|
+
/* Ajustar según la altura promedio de tus tarjetas */
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.cdk-drag-animating {
|
|
36
|
+
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.contenido.cdk-drop-list-dragging div:not(.cdk-drag-placeholder) {
|
|
40
|
+
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* Responsividad: 2 columnas en tablets, 1 en móviles */
|
|
44
|
+
@media (max-width: 1200px) {
|
|
45
|
+
.contenido>* {
|
|
46
|
+
width: calc(50% - 8px);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@media (max-width: 600px) {
|
|
51
|
+
.contenido>* {
|
|
52
|
+
width: 100%;
|
|
53
|
+
}
|
|
4
54
|
}
|