31 lines
830 B
SCSS
31 lines
830 B
SCSS
/* Stili di base per i campi (già presenti) */
|
|
mat-form-field {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Contenitore per la griglia */
|
|
.form-grid {
|
|
display: grid; /* Usa CSS Grid */
|
|
grid-template-columns: 1fr; /* Default: una colonna per mobile */
|
|
gap: 0 16px; /* Spazio tra colonne (0 per verticale, 16px per orizzontale) */
|
|
}
|
|
|
|
/* Media Query per schermi più larghi (es. > 600px) */
|
|
@media (min-width: 600px) {
|
|
.form-grid {
|
|
grid-template-columns: 1fr 1fr; /* Due colonne di uguale larghezza */
|
|
}
|
|
|
|
/* Fai in modo che il campo 'notes' occupi entrambe le colonne */
|
|
.form-grid .full-width-field {
|
|
grid-column: 1 / -1; /* Occupa dalla prima all'ultima colonna */
|
|
}
|
|
}
|
|
|
|
|
|
/* Opzionale: Rende il contenuto del dialog scrollabile se necessario */
|
|
mat-dialog-content {
|
|
max-height: 70vh;
|
|
overflow-y: auto;
|
|
} |