templates/admin/partials/_page_loader.html.twig line 1

Open in your IDE?
  1. {# Page Loader - Affiché pendant le chargement initial de la page #}
  2. <div id="kt_page_loader" class="page-loader" style="display: none;">
  3.     <div class="page-loader-content">
  4.         <span class="spinner-border text-primary" role="status" style="width: 2.5rem; height: 2.5rem; border-width: 0.25em;">
  5.             <span class="visually-hidden">Chargement...</span>
  6.         </span>
  7.     </div>
  8. </div>
  10. <style>
  11. #kt_page_loader {
  12.     position: fixed;
  13.     top: 0;
  14.     left: 0;
  15.     right: 0;
  16.     bottom: 0;
  17.     z-index: 10000;
  18.     background-color: rgba(255, 255, 255, 0.4);
  19.     backdrop-filter: blur(2px);
  20.     transition: opacity 0.3s ease-out;
  21. }
  23. #kt_page_loader.fade-out {
  24.     opacity: 0;
  25.     pointer-events: none;
  26. }
  28. .page-loader-content {
  29.     display: flex;
  30.     align-items: center;
  31.     justify-content: center;
  32.     width: 100%;
  33.     height: 100%;
  34. }
  35. </style>