diff --git a/ui/media/css/image-editor.css b/ui/media/css/image-editor.css index 6442aed1..ea8112e3 100644 --- a/ui/media/css/image-editor.css +++ b/ui/media/css/image-editor.css @@ -149,16 +149,21 @@ pointer-events: none; } - .image-editor-popup { --popup-margin: 16px; --popup-padding: 24px; } +@media screen and (min-width: 700px) { + .image-editor-popup { + overflow-y: auto; + } +} + .image-editor-popup > div { margin: var(--popup-margin); padding: var(--popup-padding); - min-height: calc(100vh - (2 * var(--popup-margin))); + min-height: calc(99h - (2 * var(--popup-margin))); max-width: none; min-width: fit-content; } @@ -186,7 +191,7 @@ .image-editor-popup > div > div { - min-height: calc(100vh - (2 * var(--popup-margin)) - (2 * var(--popup-padding))); + min-height: calc(99vh - (2 * var(--popup-margin)) - (2 * var(--popup-padding))); } .inpainter .image_editor_color {