templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <!-- Le shrink-to-fit=no est crucial ici -->
  8.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.     <meta name="description" content="">
  10.     <meta name="les booleens Team" content="">
  12.     <title>{% block title %}AFI SARL!{% endblock %}</title>
  14.     {% block stylesheets %}
  15.         <link href="{{ asset('dist/images/logo.png') }}" rel="icon">
  16.         <link href="{{ asset('admin/vendor/fontawesome-free/css/all.min.css') }}" rel="stylesheet" type="text/css">
  17.         <link href="{{ asset('admin/css/admin-afi-2.min.css') }}" rel="stylesheet">
  18.         
  19.         <style>
  20.             /* Reset des marges par défaut pour gagner de l'espace */
  21.             body, #wrapper {
  22.                 overflow-x: hidden;
  23.             }
  24.             
  25.             #content {
  26.                 background: #fff;
  27.                 min-height: 100vh;
  28.             }
  30.             /* Optimisation des conteneurs sur mobile */
  31.             @media (max-width: 768px) {
  32.                 .container-fluid {
  33.                     padding-left: 10px !important;
  34.                     padding-right: 10px !important;
  35.                 }
  36.                 
  37.                 /* Si tu utilises des tables, elles doivent pouvoir scroller */
  38.                 .table-responsive-custom {
  39.                     display: block;
  40.                     width: 100%;
  41.                     overflow-x: auto;
  42.                     -webkit-overflow-scrolling: touch;
  43.                 }
  44.                 
  45.                 /* Réduire les espacements verticaux globaux */
  46.                 .py-5 {
  47.                     padding-top: 1.5rem !important;
  48.                     padding-bottom: 1.5rem !important;
  49.                 }
  50.             }
  51.         </style>
  52.     {% endblock %}
  53. </head>
  55. <body id="page-top">
  57. <div id="wrapper">
  58.     <div id="content-wrapper" class="d-flex flex-column">
  59.         <div id="content">
  60.             <!-- Suppression des paddings inutiles sur container-fluid pour mobile -->
  61.             <div class="container-fluid text-center px-sm-3 px-1" id="listeTmplt">
  62.                 {% block body %}
  63.                     {# Ton contenu injecté ici profitera des optimisations #}
  64.                     <div class="table-responsive-custom">
  65.                         <table class="table table-sm">
  66.                             <thead>
  67.                                 <tr>
  68.                                     <th class="border-0">CAISSE</th>
  69.                                 </tr>
  70.                             </thead>
  71.                             <tbody>
  72.                                 <tr>
  73.                                     {% for caisse in Finance %}
  74.                                         <td class="text-nowrap">{{ caisse.idAg.nomAg }}</td>
  75.                                     {% endfor %}
  76.                                 </tr>
  77.                             </tbody>
  78.                         </table>
  79.                     </div>
  80.                 {% endblock %}
  81.             </div>
  82.         </div>
  83.     </div>
  84. </div>
  86. <a class="scroll-to-top rounded" href="#page-top">
  87.     <i class="fas fa-angle-up"></i>
  88. </a>
  90. {% block javascripts %}
  91.     <script src="{{ asset('admin/vendor/jquery/jquery.min.js') }}"></script>
  92.     <script src="{{ asset('dist/js/jquery.form.js') }}" type="text/javascript"></script>
  93.     <script src="{{ asset('admin/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  94.     <script src="{{ asset('admin/vendor/jquery-easing/jquery.easing.min.js') }}"></script>
  95.     <script src="{{ asset('admin/vendor/jquery-form/jquery.form.js') }}"></script>
  96.     <script src="{{ asset('admin/js/loadingoverlay.min.js') }}"></script>
  97.     <script src="{{ asset('admin/js/admin-afi-1.min.js') }}"></script>
  98.     <script src="{{ asset('admin/vendor/chart.js/Chart.min.js') }}"></script>
  99.     <script src="{{ asset('admin/js/demo/graph-afi-1.js') }}"></script>
  100.     <script src="{{ asset('admin/js/demo/cercle-pie-afi-1.js') }}"></script>
  101.     <script src="{{ asset('dist/js/Facture/facture.js') }}" type="text/javascript"></script>
  102.     <script src="{{ asset('dist/js/commun/commun.js') }}" type="text/javascript"></script>
  103. {% endblock %}
  104. </body>
  105. </html>