Refactor group component styles and update success messages for unit creation
testing/ogGui-multibranch/pipeline/head This commit looks good
Details
testing/ogGui-multibranch/pipeline/head This commit looks good
Details
parent
cf2a693281
commit
6e83a9f827
|
@ -33,58 +33,6 @@ button[mat-raised-button] {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
mat-card {
|
|
||||||
background-color: #ffffff;
|
|
||||||
border-radius: 10px;
|
|
||||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
||||||
transition: transform 0.2s, box-shadow 0.2s;
|
|
||||||
overflow: hidden;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
mat-card:hover {
|
|
||||||
transform: translateY(-4px);
|
|
||||||
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
.unidad-card {
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 16px;
|
|
||||||
font-size: 14px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.unidad-card.selected-item {
|
|
||||||
border: 2px solid #1976d2;
|
|
||||||
}
|
|
||||||
|
|
||||||
mat-card-title {
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #333;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
mat-card-title mat-icon {
|
|
||||||
font-size: 20px;
|
|
||||||
margin-right: 8px;
|
|
||||||
color: #1976d2;
|
|
||||||
}
|
|
||||||
|
|
||||||
mat-card-actions {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
gap: 10px;
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.actions mat-icon {
|
.actions mat-icon {
|
||||||
color: #757575;
|
color: #757575;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
@ -162,8 +162,8 @@ export class CreateOrganizationalUnitComponent implements OnInit {
|
||||||
response => {
|
response => {
|
||||||
this.unitAdded.emit();
|
this.unitAdded.emit();
|
||||||
this.dialogRef.close();
|
this.dialogRef.close();
|
||||||
this.toastService.success('Cliente creado exitosamente', 'Éxito');
|
this.toastService.success('Unidad creada exitosamente', 'Éxito');
|
||||||
this.openSnackBar(false, 'Cliente creado exitosamente');
|
this.openSnackBar(false, 'Unidad creada exitosamente');
|
||||||
},
|
},
|
||||||
error => {
|
error => {
|
||||||
console.error('Error al realizar POST:', error);
|
console.error('Error al realizar POST:', error);
|
||||||
|
@ -218,9 +218,9 @@ export class CreateOrganizationalUnitComponent implements OnInit {
|
||||||
|
|
||||||
openSnackBar(isError: boolean, message: string) {
|
openSnackBar(isError: boolean, message: string) {
|
||||||
if (isError) {
|
if (isError) {
|
||||||
this.toastService.error('Error al crear el cliente: ' + message, 'Error');
|
this.toastService.error('Error al crear la unidad: ' + message, 'Error');
|
||||||
} else {
|
} else {
|
||||||
this.toastService.success('Cliente creado exitosamente', 'Éxito');
|
this.toastService.success('Unidad creada exitosamente', 'Éxito');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue