templates/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     <div id="app-backend-node">
  4.         <div id="react-loader" style="
  5.           position: fixed;
  6.           top: 0;
  7.           left: 0;
  8.           width: 100%;
  9.           height: 100%;
  10.           display: flex;
  11.           flex-direction: column;
  12.           align-items: center;
  13.           justify-content: center;
  14.           background: #f8f9fa;
  15.           z-index: 9999;
  16.           gap: 32px;
  17.           font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  18.         ">
  19.             <div style="width: 100px; height: auto;">
  20.                 <img src="{{ asset('logo.png') }}" alt="MKBID" style="width: 100%; display: block; height: auto;"/>
  21.             </div>
  23.             <div style="text-align: center;">
  24.                 <div class="spinner"></div>
  25.                 <p style="color: #6c757d; font-size: 18px; margin: 16px 0 0 0; font-weight: 500;">
  26.                     Initialisation de l'application...
  27.                 </p>
  28.             </div>
  29.         </div>
  31.         <style>
  32.             .spinner {
  33.                 width: 40px;
  34.                 height: 40px;
  35.                 border: 3px solid #e9ecef;
  36.                 border-top: 3px solid #0066b3;
  37.                 border-radius: 50%;
  38.                 animation: spin 0.8s linear infinite;
  39.                 margin: 0 auto;
  40.             }
  42.             @keyframes spin {
  43.                 to {
  44.                     transform: rotate(360deg);
  45.                 }
  46.             }
  47.         </style>
  48.     </div>
  49. {% endblock %}
  51. {% block title %}
  53. {% endblock %}