From 89cfb78222608f4563a437323d0f74eb9ecd24e2 Mon Sep 17 00:00:00 2001 From: Bernhard Windisch Date: Wed, 1 Jul 2026 13:06:49 +0200 Subject: [PATCH 1/2] fix(admin): size the Set-Password modal instead of filling the viewport MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The Set-Password modal is a non-routed modal — UserList teleports it into a full-screen `.password-modal-overlay` with no overlay host to size the panel. ModalLayout's `.modal-container` is `width:100%; height:100%`, so it filled the entire overlay (i.e. the whole viewport) for a single password input. The `width="28rem"` prop that looked like it sized it is dead (ModalLayout's `width` is `@deprecated` and ignored — size is owned by the opener). Fix: wrap the modal in a `.password-modal-panel` that caps the width (28rem, viewport-clamped) and override the container height to `auto` + an 85vh cap, so it sizes to its content (mirrors the routed MODAL_MD size). Also drop the dead `width` prop from the call site. Verified live: the modal now renders as a compact 448×245 centered box. Co-Authored-By: Claude Opus 4.8 (1M context) --- .../src/views/admin/user/SetPasswordModal.vue | 2 +- .../src/views/admin/user/UserList.vue | 22 +++++++++++++++++-- 2 files changed, 21 insertions(+), 3 deletions(-) diff --git a/src/frontend-vue/src/views/admin/user/SetPasswordModal.vue b/src/frontend-vue/src/views/admin/user/SetPasswordModal.vue index 67b39ee0..24a69459 100644 --- a/src/frontend-vue/src/views/admin/user/SetPasswordModal.vue +++ b/src/frontend-vue/src/views/admin/user/SetPasswordModal.vue @@ -49,7 +49,7 @@ async function savePassword() {