Refactoring interface web : optimisation layout colonnes et zone upload

- Fusion upload + tree en colonnes unifiées avec header unique
  - Déplacement bannière conflits en haut pour séparer les colonnes
  - Infos fichier condensées sur 1 ligne avec bouton icône à droite
  - Drop zone remplacée par tree après upload (gain d'espace ~60%)
  - Support drag & drop sur toute la colonne même avec fichier chargé
  - Styles optimisés : champ recherche intégré, bouton circulaire compact
This commit is contained in:
2026-01-12 05:29:20 +01:00
parent bd6d321ed7
commit afac7042a8
6 changed files with 350 additions and 269 deletions

View File

@@ -200,14 +200,6 @@ body {
gap: var(--spacing-lg);
}
/* ===== Upload Section ===== */
.upload-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-lg);
flex-shrink: 0;
}
/* ===== Conflicts Banner ===== */
.conflicts-banner {
display: flex;
@@ -231,15 +223,6 @@ body {
font-size: var(--font-size-sm);
}
/* ===== Trees Section ===== */
.trees-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-lg);
flex: 1;
min-height: 0; /* Important pour scroll */
}
/* ===== Footer ===== */
.footer {
background-color: var(--color-bg);