54 lines
1.1 KiB
CSS
54 lines
1.1 KiB
CSS
.research-task-action-modal__body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-md);
|
|
}
|
|
|
|
.research-task-action-modal__preview {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-xs);
|
|
padding: var(--space-md);
|
|
}
|
|
|
|
.research-task-action-modal__preview p {
|
|
margin: 0;
|
|
}
|
|
|
|
.research-task-action-modal__field {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-xs);
|
|
color: var(--text-muted);
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.research-task-action-modal__textarea {
|
|
min-height: calc(var(--space-2xl) * 2);
|
|
resize: vertical;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.research-task-action-modal {
|
|
width: min(100%, calc(100vw - (var(--space-md) * 2)));
|
|
}
|
|
|
|
.research-task-action-modal__body {
|
|
gap: var(--space-lg);
|
|
}
|
|
|
|
.research-task-action-modal__preview {
|
|
padding: var(--space-lg);
|
|
}
|
|
|
|
.research-task-action-modal .modal-actions {
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
gap: var(--space-sm);
|
|
}
|
|
|
|
.research-task-action-modal .modal-actions .btn {
|
|
min-height: calc(var(--space-lg) * 2 + var(--space-xs));
|
|
}
|
|
}
|