general-library-union 2.3.30 → 2.3.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-library-union",
-  "version": "2.3.30",
+  "version": "2.3.31",
   "private": false,
   "peerDependencies": {
     "@angular/animations": "^18.0.4",

package/src/styles/primeng/sass/overrides/_theme_styles.scss

@@ -2115,37 +2115,17 @@ span{
 }
 
 /******************************************************************************
- * MENU spinner styles
+ * Tabla spinner styles
  *****************************************************************************/
-
-
- /* Modifica el estilo del overlay de carga */
- .p-datatable-loading-overlay {
-  background-color: rgba(255, 255, 255, 0.8); /* Cambia el fondo a un blanco semitransparente */
+ .p-component-overlay {
+  background-color: rgba(238, 238, 238, 0.32) !important;
 }
 
-/* Modifica el estilo del spinner o loader */
-.p-datatable-loader {
-  border: 4px solid #f3f3f3; /* Cambia el borde del loader */
-  border-top: 4px solid #3498db; /* Cambia el color de la parte superior del loader */
-  border-radius: 50%; /* Haz el loader redondo */
-  width: 40px; /* Ajusta el tamaño del loader */
-  height: 40px; /* Ajusta el tamaño del loader */
-  animation: spin 2s linear infinite; /* Aplica una animación de giro */
-}
-
-/* Añade una animación de giro */
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+.p-datatable .p-datatable-loading-icon {
+  color: var(--color-500) !important;
 }
 
 
-
-
-
-
-
 /******************************************************************************
  * MENU ACCIONES styles
  *****************************************************************************/

package/src/styles/primeng/sass/overrides/_theme_styles_dark.scss

@@ -2362,34 +2362,15 @@ span{
 
 
 /******************************************************************************
- * MENU spinner styles
+ * Tabla spinner styles
  *****************************************************************************/
+ 
 
-
- /* Modifica el estilo del overlay de carga */
-.p-datatable-loading-overlay {
-    background-color: rgba(255, 255, 255, 0.8); /* Cambia el fondo a un blanco semitransparente */
-}
-
-/* Modifica el estilo del spinner o loader */
-.p-datatable-loader {
-    border: 4px solid transparent; /* Cambia el borde del loader */
-    border-top: 4px solid #3498db; /* Cambia el color de la parte superior del loader */
-    border-radius: 50%; /* Haz el loader redondo */
-    width: 40px; /* Ajusta el tamaño del loader */
-    height: 40px; /* Ajusta el tamaño del loader */
-    animation: spin 2s linear infinite; /* Aplica una animación de giro */
-}
-
-/* Añade una animación de giro */
-@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+.p-datatable .p-datatable-loading-icon {
+  color: var(--color-500) !important;
 }
 
 
-
-
 /******************************************************************************
  * MENU ACCIONES styles
  *****************************************************************************/