humainflow-web/src/app/shared/project-delete-dialog/project-delete-dialog.css

80 lines
1.3 KiB
CSS

.project-delete__body {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.project-delete__warning {
display: flex;
gap: 0.5rem;
padding: 0.75rem;
border: 1px solid #fecaca;
border-radius: 8px;
background: #fef2f2;
color: #991b1b;
}
.project-delete__warning p {
margin: 0 0 0.25rem;
font-size: 0.875rem;
}
.project-delete__finalized {
font-weight: 600;
}
.project-delete__flows {
margin: 0;
padding: 0.5rem 0.75rem;
max-height: 180px;
overflow-y: auto;
list-style: none;
border: 1px solid #e2e8f0;
border-radius: 8px;
}
.project-delete__flows li {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.125rem 0;
font-size: 0.875rem;
}
.project-delete__flow-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.project-delete__badge {
flex: 0 0 auto;
padding: 0 0.375rem;
border-radius: 999px;
background: #e2e8f0;
color: #475569;
font-size: 0.6875rem;
text-transform: uppercase;
}
.project-delete__more {
color: #64748b;
font-style: italic;
}
.project-delete__confirm {
width: 100%;
}
.project-delete__footer {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
padding: 0.75rem 1.25rem 1.25rem;
}
.project-delete__confirm-button:not([disabled]) {
background-color: #dc2626;
color: #ffffff;
}