Phase 20: Admin Member Editor & Form Declutter #25
@@ -398,10 +398,17 @@ export function MemberEditorSheet({
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
// WR-03: cap height so content does not spill off screen on short phones
|
||||
// (iPhone SE 667px with three sections visible). overflowY:'auto' enables
|
||||
// scroll when content exceeds maxHeight.
|
||||
maxHeight: '90dvh',
|
||||
overflowY: 'auto',
|
||||
background: 'var(--color-surface)',
|
||||
borderRadius: '12px 12px 0 0',
|
||||
boxShadow: '0 -4px 24px rgba(0,0,0,0.15)',
|
||||
padding: 'var(--space-6, 24px)',
|
||||
// IN-03: pad the bottom to clear iOS home indicator / Android gesture bar
|
||||
paddingBottom: 'calc(var(--space-6, 24px) + env(safe-area-inset-bottom, 0px))',
|
||||
zIndex: 301,
|
||||
fontFamily: 'var(--font-family-base)',
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user