Fix critical editor dialog layout

This commit is contained in:
2026-03-14 15:26:28 +01:00
parent 45e8a26d96
commit 19164736ad
3 changed files with 18 additions and 5 deletions

View File

@@ -321,11 +321,12 @@
return; return;
} }
isEditorOpen = true;
isEditorLoading = true;
isEditorSaving = false;
editorError = null; editorError = null;
editorModel = null;
editingResultId = resultId; editingResultId = resultId;
isEditorSaving = false;
isEditorLoading = true;
isEditorOpen = true;
try try
{ {

View File

@@ -25,7 +25,7 @@
} }
else else
{ {
<EditForm Model="Model" OnSubmit="HandleSubmitAsync"> <EditForm Model="Model" OnSubmit="HandleSubmitAsync" class="critical-editor-form">
<div class="critical-editor-body"> <div class="critical-editor-body">
@if (!string.IsNullOrWhiteSpace(ErrorMessage)) @if (!string.IsNullOrWhiteSpace(ErrorMessage))
{ {

View File

@@ -630,15 +630,25 @@ textarea {
.critical-editor-dialog { .critical-editor-dialog {
width: min(1100px, 100%); width: min(1100px, 100%);
max-height: 100%; max-height: calc(100vh - 2.5rem);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0;
overflow: hidden;
border-radius: 24px; border-radius: 24px;
background: rgba(255, 250, 242, 0.98); background: rgba(255, 250, 242, 0.98);
border: 1px solid rgba(127, 96, 55, 0.18); border: 1px solid rgba(127, 96, 55, 0.18);
box-shadow: 0 28px 60px rgba(41, 22, 11, 0.24); box-shadow: 0 28px 60px rgba(41, 22, 11, 0.24);
} }
.critical-editor-form {
display: flex;
flex: 1 1 auto;
min-height: 0;
flex-direction: column;
overflow: hidden;
}
.critical-editor-header, .critical-editor-header,
.critical-editor-footer { .critical-editor-footer {
display: flex; display: flex;
@@ -664,6 +674,8 @@ textarea {
} }
.critical-editor-body { .critical-editor-body {
flex: 1 1 auto;
min-height: 0;
overflow: auto; overflow: auto;
padding: 1rem 1.25rem 1.25rem; padding: 1rem 1.25rem 1.25rem;
display: grid; display: grid;