Templates

Template App interne

Layout standard pour toutes les apps internes MC. Sidebar mc-navy + zone principale blanche. Exemple ci-dessous : liste de commandes de l'outil Productions spéciales.

Commandes

N° Commande	Client	Type	Montant	Statut
CMD-0241	Scouts de Namur	Textile	€ 1 240	En attente
CMD-0240	Marathon Liège	Textile	€ 3 800	En cours
CMD-0239	BNP Paribas	Objet	€ 850	Validé
CMD-0238	Commune Ixelles	Textile	€ 2 100	Terminé

Affichage 1–4 sur 143

Structure HTML

<div class="flex h-screen overflow-hidden">
  <!-- Sidebar -->
  <aside class="w-60 bg-mc-navy flex flex-col flex-shrink-0 overflow-y-auto">
    <!-- Header: logo + nom app -->
    <!-- Nav: groupes + items -->
    <!-- Footer: utilisateur -->
  </aside>

  <!-- Main -->
  <main class="flex-1 overflow-y-auto bg-white flex flex-col">
    <!-- Sticky header: breadcrumbs + h1 -->
    <div class="sticky top-0 border-b border-gray-200 px-10 py-5">
      <!-- breadcrumbs + titre -->
    </div>

    <!-- Toolbar (optionnel): recherche + filtres + CTA -->
    <div class="px-10 py-4 border-b border-gray-100 flex items-center gap-3">...</div>

    <!-- Contenu principal -->
    <div class="px-10 py-6 flex-1">...</div>

    <!-- Pagination (optionnel) -->
    <div class="px-10 py-4 border-t border-gray-100">...</div>
  </main>
</div>