From bc5edfed0e88a913e6353ceb0441b6dd7182e32e Mon Sep 17 00:00:00 2001 From: JuanSanhueza Date: Fri, 2 May 2025 12:27:59 -0400 Subject: [PATCH] Sort columnas, logo navbar, responsivo --- .../components/navbar/navbar.component.html | 8 +- .../components/navbar/navbar.component.scss | 46 +++++++----- .../actualizacion-pd.component.html | 7 +- .../pages/ajuste-pd/ajuste-pd.component.html | 2 +- .../concesiones/concesiones.component.html | 74 +++++++++++-------- .../concesiones/concesiones.component.scss | 8 ++ .../concesiones/concesiones.component.ts | 14 ++-- src/styles.scss | 4 +- 8 files changed, 100 insertions(+), 63 deletions(-) diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html index 4ed526c..904f4bc 100644 --- a/src/app/components/navbar/navbar.component.html +++ b/src/app/components/navbar/navbar.component.html @@ -4,7 +4,13 @@ (click)="toggleSidebar()"> Administrador de Cronogramas +
Luis Muñoz
- \ No newline at end of file + diff --git a/src/app/components/navbar/navbar.component.scss b/src/app/components/navbar/navbar.component.scss index 2e255d3..3d8fcdd 100644 --- a/src/app/components/navbar/navbar.component.scss +++ b/src/app/components/navbar/navbar.component.scss @@ -7,38 +7,38 @@ padding: 0 1rem; width: 100%; } - + .navbar-left { display: flex; align-items: center; } - + .sidebar-toggle { color: #343a40; margin-right: 0.5rem; } - + .app-title { font-weight: bold; color: #0a2847; font-size: 1rem; } - + .navbar-right { display: flex; align-items: center; } - + .user-name { margin-right: 0.5rem; font-size: 0.9rem; color: #0a2847; } - + .logout-button { color: #0a2847; } - + /* Page header styles */ .page-header { display: flex; @@ -48,44 +48,44 @@ border-bottom: 1px solid #dee2e6; background-color: #fff; } - + .page-title { font-size: 1.25rem; font-weight: 500; color: #495057; } - + .breadcrumb-container { font-size: 0.875rem; color: #6c757d; } - + .breadcrumb-link { color: #0088cc; text-decoration: none; } - + .breadcrumb-link:hover { text-decoration: underline; } - + .breadcrumb-separator { margin: 0 0.25rem; } - + .breadcrumb-current { color: #6c757d; } - + /* Sobrescribir estilos de PrimeNG para los botones en el navbar */ :host ::ng-deep .p-button.p-button-text { padding: 0.5rem; color: #0a2847; - + &:focus { box-shadow: none; } - + .p-button-icon { font-size: 1rem; } @@ -116,4 +116,16 @@ .app-title { display: none; } - } \ No newline at end of file + } + + .logo-img { + max-height: 50px; + width: auto; + opacity: 0.8; + } + + @media (max-width: 576px) { + .logo-img { + max-height: 35px; + } + } diff --git a/src/app/pages/actualizacion-pd/actualizacion-pd.component.html b/src/app/pages/actualizacion-pd/actualizacion-pd.component.html index 1212a6e..4fe146d 100644 --- a/src/app/pages/actualizacion-pd/actualizacion-pd.component.html +++ b/src/app/pages/actualizacion-pd/actualizacion-pd.component.html @@ -8,13 +8,13 @@
-
+
Filtro Empresa
-
+
Filtro Código Cronograma
@@ -77,8 +77,7 @@
- +
-
diff --git a/src/app/pages/ajuste-pd/ajuste-pd.component.html b/src/app/pages/ajuste-pd/ajuste-pd.component.html index 7212bfa..b638bf6 100644 --- a/src/app/pages/ajuste-pd/ajuste-pd.component.html +++ b/src/app/pages/ajuste-pd/ajuste-pd.component.html @@ -94,7 +94,7 @@
- +
diff --git a/src/app/pages/concesiones/concesiones.component.html b/src/app/pages/concesiones/concesiones.component.html index 716c17b..abb9b24 100644 --- a/src/app/pages/concesiones/concesiones.component.html +++ b/src/app/pages/concesiones/concesiones.component.html @@ -47,39 +47,37 @@ - - -
-
-
-
Filtro Empresa
- -
+
+
+
+
Filtro Empresa
+ +
-
-
-
Filtro Código Cronograma SINAR
- -
+
+
+
Filtro Código Cronograma SINAR
+ +
-
-
-
Filtro tipo de carga
- -
+
+
+
Filtro tipo de carga
+ +
-
-
-
¿Contiene obras del año?
- -
+
+
+
¿Contiene obras del año?
+ +
-
+
N° Oficio que aprueba
Cronogramas solicitados y pendientes de carga:
- - Empresa - Código de cronograma SINAR - Contiene obras del año - N° Oficio que aprueba - Tipo de carga - Fecha de solicitud + + Empresa + + + Código de cronograma SINAR + + + Contiene obras del año + + + N° Oficio que aprueba + + + Tipo de carga + + + Fecha de solicitud + diff --git a/src/app/pages/concesiones/concesiones.component.scss b/src/app/pages/concesiones/concesiones.component.scss index 668b250..d9d21e7 100644 --- a/src/app/pages/concesiones/concesiones.component.scss +++ b/src/app/pages/concesiones/concesiones.component.scss @@ -2,3 +2,11 @@ background-size: 20px 20px; padding-right: 35px; /* espacio para que el texto no choque con el ícono */ } + +@media screen and (min-width: 992px) { + .lg\:col-2 { + flex: 0 0 auto; + padding: 0.5rem; + width: 19%; + } +} diff --git a/src/app/pages/concesiones/concesiones.component.ts b/src/app/pages/concesiones/concesiones.component.ts index 54fdab8..bb587db 100644 --- a/src/app/pages/concesiones/concesiones.component.ts +++ b/src/app/pages/concesiones/concesiones.component.ts @@ -26,38 +26,38 @@ export class ConcesionesComponent { codigoCronogramaAjuste: '456', tipoCarga: 'Inicial', estadoRevision: 'Ingresado', - analista: 'No asignado', + analista: '', fechaIngreso: '2025-04-29', semaforo: 'green' }, { - empresa: 'Empresa A', + empresa: 'Fmpresa A', codigoCronograma: '123', codigoCronogramaAjuste: '456', tipoCarga: 'Inicial', estadoRevision: 'En revisión', analista: 'Gabriel Torres', - fechaIngreso: '2025-04-29', + fechaIngreso: '2024-04-29', semaforo: 'yellow' }, { - empresa: 'Empresa A', + empresa: 'Gmpresa A', codigoCronograma: '123', codigoCronogramaAjuste: '456', tipoCarga: 'Inicial', estadoRevision: 'Rechazado', analista: 'Jorge Muñoz', - fechaIngreso: '2025-04-29', + fechaIngreso: '2023-04-29', semaforo: 'red' }, { - empresa: 'Empresa A', + empresa: 'Hmpresa A', codigoCronograma: '123', codigoCronogramaAjuste: '456', tipoCarga: 'Inicial', estadoRevision: 'Aprobado', analista: 'Jarolt Matamoros', - fechaIngreso: '2025-04-29', + fechaIngreso: '2022-04-29', semaforo: 'green' }, ]; diff --git a/src/styles.scss b/src/styles.scss index 00b3846..d341fc9 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -15,7 +15,9 @@ padding: 0; height: 100%; /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */ - font-family: "Museo Sans 300", "Museo Sans 700" !important; + /* font-family: "Museo Sans 300", "Museo Sans 700" !important; */ + font-family: "Museo Sans", sans-serif !important; + font-weight: 300; /* o 700 según necesites */ font-size: 14px; color: var(--text-color); }