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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user