Card KCS
.kcs-card - Card Base
Questo è il contenitore card standard utilizzato in tutte le pagine del portale. Applica ombra, bordo arrotondato, sfondo bianco e padding.
<div class="kcs-card">
<!-- contenuto -->
</div>
Card Header - Pagina Lista
<div class="kcs-card">
<div class="d-flex flex-row justify-content-between align-items-center mb-3">
<h5 class="titolo-card" style="margin: 0">Titolo Pagina</h5>
<div class="d-flex gap-2">
<p-button label="Aggiungi" icon="pi pi-plus" severity="success" [outlined]="true" size="small"></p-button>
</div>
</div>
<p-divider />
<!-- filtri + tabella -->
</div>
Card Header - Pagina Form
Titolo Pagina Form
Area form con campi...
<div class="kcs-card">
<div class="d-flex flex-row align-items-center mb-3">
<button class="goBackButton" (click)="goBack()">
<i class="pi pi-arrow-left"></i>
</button>
<h5 class="titolo-card" style="margin: 0">Titolo Form</h5>
</div>
<p-divider />
<!-- form -->
</div>
Card con Sezioni (divider)
Sezione 1
Contenuto prima sezione
Sezione 2
Contenuto seconda sezione
Sezione 3
Contenuto terza sezione
<div class="kcs-card">
<h5 class="titolo-card">Sezione 1</h5>
<!-- contenuto -->
<p-divider />
<h5 class="titolo-card">Sezione 2</h5>
<!-- contenuto -->
</div>