charles/fuzip
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactoring interface web : optimisation layout colonnes et zone upload

Browse Source 
- 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:
Charles
2026-01-12 05:29:20 +01:00
parent bd6d321ed7
commit afac7042a8
6 changed files with 350 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/file-tree.css
View File

@@ -6,22 +6,18 @@
/* ===== Tree Panel ===== */
.tree-panel {
background-color: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-sm);
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 400px;
min-height: 0;
}
.tree-header {
padding: var(--spacing-md) var(--spacing-lg);
border-bottom: 1px solid var(--color-border);
background-color: var(--color-bg-secondary);
display: flex;
gap: var(--spacing-md);
align-items: center;
flex-shrink: 0;
}
.search-input-wrapper {
@@ -35,18 +31,18 @@
flex: 1;
width: 100%;
padding: var(--spacing-sm) 2.5rem var(--spacing-sm) var(--spacing-md);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
border: none;
border-bottom: 1px solid var(--color-border);
border-radius: 0;
font-size: var(--font-size-sm);
background-color: var(--color-bg);
background-color: transparent;
color: var(--color-text);
transition: all var(--transition-fast);
}
.search-input:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 3px var(--color-primary-light);
border-bottom-color: var(--color-primary);
}
.search-input::placeholder {