Modificación de responsive 3

sistema-mantenimiento-front/src/app/components/acquisition-management/acquisition/orders/details-order/details-order.component.css

@@ -53,8 +53,8 @@
 /* Estilos de cada sección del encabezado */
 .seccion-header {
   width: calc(100% / 3);
-  display: flex;
-  align-items: center;
+  /* display: flex; */
+  /* align-items: center; */
   /* border: 2px solid orange; */
 }
 

sistema-mantenimiento-front/src/app/components/acquisition-management/acquisition/orders/details-order/details-order.component.html

@@ -2,14 +2,13 @@
 
   @if (!isLoading) {
     <div class="component-main-shopping animated fadeIn">
-      <header class="header-component">
-        <div class="seccion-header">
-          <app-btn-navigate [navigate]="'goback'" [widthPosition]="'0'" />
-        </div>
+      <div class="header-component">
+        
+        <app-btn-navigate navigate="goback" class="seccion-header" />
         <div class="seccion-header title">
-          <h2> Detalles de la Orden de Compra - {{ this.numberOrder }} </h2>
+          <h2> Detalles de la orden de compra - {{ this.numberOrder }} </h2>
         </div>
-        <div class="seccion-header" style="display: flex; flex-direction: row-reverse;">
+        <div class="seccion-header" style="display: flex; flex-direction: row-reverse; align-items: center;">
           <app-btn-resize
             class="ml-8"
             (click)="openDialog('VIEW_PROVIDER')"
@@ -20,11 +19,11 @@
             [icon]="'person'"
           />
         </div>
-      </header>
+      </div>
       <main class="content-component">
         <main class="content-subcomponent-2 mat-elevation-z2">
           <aside class="content-left-subcomponent">
-            <h2 class="subtitle">Información del Despacho</h2>
+            <h2 class="subtitle">Información del despacho</h2>
             <div class="override_content_flex">
               <div class="col-flex-1">
                 <mat-form-field appearance="outline" class="w-100">
@@ -56,7 +55,7 @@
         <div class="content-state-artitle">
           <aside class="content-left mat-elevation-z2">
             <div class="content-subcomponent-1  mat-elevation-z2">
-              <h2 class="subtitle">Lista de Artículos</h2>
+              <h2 class="subtitle">Lista de artículos</h2>
               <table mat-table [dataSource]="dataSourceArtitles" style="overflow: auto; width: 920px;">
                 <ng-container matColumnDef="IMAGEN">
                   <th mat-header-cell *matHeaderCellDef> Imagen </th>
@@ -71,17 +70,17 @@
                 </ng-container>
   
                 <ng-container matColumnDef="INAR_MODE">
-                  <th mat-header-cell *matHeaderCellDef> Nombre del Modelo </th>
+                  <th mat-header-cell *matHeaderCellDef> Nombre del modelo </th>
                   <td mat-cell *matCellDef="let element"> {{element.INAR_MODE}} </td>
                 </ng-container>
   
                 <ng-container matColumnDef="INAR_CODI">
-                  <th mat-header-cell *matHeaderCellDef> Código del Modelo </th>
+                  <th mat-header-cell *matHeaderCellDef> Código del modelo </th>
                   <td mat-cell *matCellDef="let element"> {{element.INAR_CODI}} </td>
                 </ng-container>
   
                 <ng-container matColumnDef="ARSE_PRTO">
-                  <th mat-header-cell *matHeaderCellDef> Precio Unitario </th>
+                  <th mat-header-cell *matHeaderCellDef> Precio unitario </th>
                   <td mat-cell *matCellDef="let element"> 
                     $ {{ element.INAR_PREC }} {{ element.INAR_COMO }}
                   </td>
@@ -93,7 +92,7 @@
                 </ng-container>
   
                 <ng-container matColumnDef="INAR_COMO">
-                  <th mat-header-cell *matHeaderCellDef> Precio Total </th>
+                  <th mat-header-cell *matHeaderCellDef> Precio total </th>
                   <td mat-cell *matCellDef="let element"> 
                     $ {{element.CANTIDAD * element.INAR_PREC}} {{ element.INAR_COMO }} 
                   </td>
@@ -119,7 +118,7 @@
             </div>
           </aside>
           <section class="content-right mat-elevation-z2">
-            <h2 class="subtitle">Estados del Pedido</h2>
+            <h2 class="subtitle">Estados del pedido</h2>
             <table mat-table [dataSource]="dataSourceState">
               <ng-container matColumnDef="HIOR_ESOR">
                 <th mat-header-cell *matHeaderCellDef> Estado </th>
@@ -129,7 +128,7 @@
               </ng-container>
   
               <ng-container matColumnDef="HIOR_FERE">
-                <th mat-header-cell *matHeaderCellDef> Fecha de Registro </th>
+                <th mat-header-cell *matHeaderCellDef> Fecha de registro </th>
                 <td mat-cell *matCellDef="let element"> {{ resourcesService.formatDate(element.HIOR_FERE, element.HIOR_FEMO) }} </td>
               </ng-container>
               

sistema-mantenimiento-front/src/app/components/acquisition-management/acquisition/orders/orders.component.html

@@ -1,5 +1,5 @@
 <main class="main-container animated fadeIn">
-  <app-btn-navigate [navigate]="'/sam/GEAD'" [nameButton]="'Gestión de Adquisiciones'" />
+  <app-btn-navigate [navigate]="'/sam/GEAD'" [nameButton]="'Gestión de adquisiciones'" />
   <mat-card class="override-card override-elevation-z8">
     <section class="override-section">
       <nav class="override-nav">

sistema-mantenimiento-front/src/app/components/acquisition-management/acquisition/shopping/shopping.component.css

@@ -15,6 +15,7 @@
 .header-component {
   width: 100%;
   height: 8%;
+  min-height: 62px;
   display: flex;
   flex-direction: row;
   align-items: center

sistema-mantenimiento-front/src/app/components/acquisition-management/acquisition/shopping/shopping.component.html

@@ -6,7 +6,7 @@
     </div>
     <div class="align-end" style="width: 15%">
       @if (!isLoading && cartShoppingEnabled) {
-        <button mat-mini-fab color="warn" aria-label="Ver Carrito" matTooltip="Ver Carrito" [matBadge]="quantityShoppingCart" (click)="openShoppingCart()">
+        <button mat-mini-fab color="warn" aria-label="Ver Carrito" matTooltip="Ver carrito" [matBadge]="quantityShoppingCart" (click)="openShoppingCart()">
           <mat-icon>shopping_cart</mat-icon>
         </button>
       }
@@ -105,5 +105,5 @@
     </section>
   }
 
-  <app-loading-card [isLoading]="isLoading" txtLoading="Cargando Artículos" />
+  <app-loading-card [isLoading]="isLoading" txtLoading="Cargando artículos" />
 </body>