Skip to content

Commit c4c9c44

Browse files
committed
fix(web-ui): increase Prompts editor height for comfortable editing
- Raise min-height from 60vh to 75vh, remove max-height cap - Mobile: 60vh min with no max-height limit - Modal editor unchanged (space-constrained, fixed ratio appropriate)
1 parent f59e1f6 commit c4c9c44

2 files changed

Lines changed: 25 additions & 0 deletions

File tree

web-ui/styles/modals-core.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -501,6 +501,26 @@
501501

502502
.prompts-editor {
503503
margin-top: 12px;
504+
flex: 1;
505+
display: flex;
506+
flex-direction: column;
507+
min-height: 0;
508+
}
509+
510+
.prompts-editor .form-group {
511+
flex: 1;
512+
display: flex;
513+
flex-direction: column;
514+
min-height: 0;
515+
}
516+
517+
.prompts-editor .editor-frame {
518+
min-height: 75vh;
519+
}
520+
521+
.prompts-editor .template-editor {
522+
min-height: 75vh;
523+
max-height: none;
504524
}
505525

506526
.prompts-editor-toolbar {

web-ui/styles/responsive.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -205,6 +205,11 @@ textarea:focus-visible {
205205
max-height: min(56vh, 480px);
206206
}
207207

208+
.prompts-editor .template-editor {
209+
min-height: 60vh;
210+
max-height: none;
211+
}
212+
208213
.status-strip {
209214
gap: 12px;
210215
}

0 commit comments

Comments
 (0)