4cd74cd500
La pagina 'Le mie rendicontazioni' usava div con style inline (border, padding, background white) e classi inventate/flex wrapper custom che ignoravano il sistema CSS di Gepafin (appPage, appPageSection, appPageSection__withBorder, __list, __listItem, __pMeta, __actions) usato ovunque altrove (Dashboard, Bandi, Domande). Risultato: card piena larghezza schermo, tipografia incoerente, spaziature al 100% invece di contenute dentro il pattern standard. Riscritta usando esclusivamente le classi di /assets/scss/components/appPage.scss: - appPage + appPage__pageHeader (wrapper + header con bordo sinistro colorato) - appPage__spacer per distacco - wrapper esterno appPageSection (ora le card sono contenute dentro la sezione) - ogni application-card e' un appPageSection__withBorder (bordo 1px + radius 6 + padding 17px gia stilati) con .row interno flex + .rowContent - metriche cap/approvato/disponibile/tranches usano appPageSection__pMeta (2 span, il secondo a sinistra/destra) invece di flex custom - lista tranches usa ul.appPageSection__list + li.appPageSection__listItem.row che ha gia padding 15px + border-bottom gestiti dallo scss - icone + tag in appPageSection__iconActions - bottoni nuova-tranche in appPageSection__actions con justify-content:flex-end - empty state in appPageSection__withBorder centrato - colori CSS variables (var(--primary-color), var(--text-color-secondary), var(--green-700), var(--button-secondary-borderColor)) — niente colori inline Nessuna modifica alla logica (load, openStartDialog, confirmStart, nav). Dialog 'Avvia nuova tranche' invariato (gia era OK con appForm__field).
GEPAFIN-FE
Gepafin Front End
Commands
npm run start - start development server
npm run build:dev - make build based on 'dev' env variables
npm run build:prod - make build based on 'prod' env variables
HUB IDs
p4lk3bcx1RStqTaIVVbXs - gepafin
t7jh5wfg9QXylNaTZkPoE - sviluppumbria