From b040ee3a748ff8496d60703ab6941714ce2a40fc Mon Sep 17 00:00:00 2001 From: Jakub Zych Date: Wed, 7 Oct 2026 18:15:41 +0200 Subject: [PATCH] fix(admin): size the switch toggle in pixels at the 14px root The admin sets the html font size to 14px, so the rem utilities w-11 and size-5 shrank the track to 38.5px and the knob to 17.5px against the fixed 26px height and 18px travel. Use w-[44px] and size-[20px] so the knob sits in a symmetric 3px inset at both ends. Rebuild the embedded admin shell. --- admin/src/components/form/fields/SwitchField.vue | 4 ++-- modules/boardwalk/dist/assets/index-BhDUy2Lr.css | 1 + modules/boardwalk/dist/assets/index-X2xCWuiY.css | 1 - .../dist/assets/{index-CE_etpB7.js => index-kMerM-BR.js} | 2 +- modules/boardwalk/dist/index.html | 4 ++-- 5 files changed, 6 insertions(+), 6 deletions(-) create mode 100644 modules/boardwalk/dist/assets/index-BhDUy2Lr.css delete mode 100644 modules/boardwalk/dist/assets/index-X2xCWuiY.css rename modules/boardwalk/dist/assets/{index-CE_etpB7.js => index-kMerM-BR.js} (92%) diff --git a/admin/src/components/form/fields/SwitchField.vue b/admin/src/components/form/fields/SwitchField.vue index a569ec5..b7ebe28 100644 --- a/admin/src/components/form/fields/SwitchField.vue +++ b/admin/src/components/form/fields/SwitchField.vue @@ -34,12 +34,12 @@ function toggle(): void { :aria-invalid="invalid ? 'true' : undefined" :aria-describedby="describedBy || undefined" :class="on ? 'bg-primary' : 'bg-border-strong'" - class="relative h-[26px] w-11 shrink-0 rounded-pill transition-colors duration-150 ease-out" + class="relative h-[26px] w-[44px] shrink-0 rounded-pill transition-colors duration-150 ease-out" @click="toggle" >