Fix: Kanban-Modal auf Mobile über Bottom-Nav positionieren (paddingBottom nav-height)
This commit is contained in:
@@ -69,12 +69,18 @@ function CardModal({ card, columnId, columns, onSave, onClose, toast }) {
|
||||
return (
|
||||
<div onClick={e => e.target === e.currentTarget && onClose()}
|
||||
style={{ position:'fixed',inset:0,background:'rgba(0,0,0,0.7)',zIndex:1000,
|
||||
display:'flex',alignItems:isMob?'flex-end':'center',justifyContent:'center',padding:isMob?0:20 }}>
|
||||
display:'flex',
|
||||
alignItems:isMob?'flex-end':'center',
|
||||
justifyContent:'center',
|
||||
padding:isMob?0:20,
|
||||
// Auf Mobile: unten Platz für die fixe Bottom-Nav (56px + safe-area) lassen
|
||||
paddingBottom: isMob ? 'calc(56px + env(safe-area-inset-bottom, 0px))' : 20,
|
||||
}}>
|
||||
<div style={{ background:'#1a1a1e',border:'1px solid rgba(255,255,255,0.12)',
|
||||
borderRadius:isMob?'16px 16px 0 0':14,
|
||||
width:'100%',maxWidth:460,
|
||||
display:'flex',flexDirection:'column',
|
||||
maxHeight: isMob ? '92vh' : '90vh',
|
||||
maxHeight: isMob ? '80vh' : '90vh',
|
||||
}}>
|
||||
{/* Drag-Handle + Header – immer sichtbar, nicht scrollend */}
|
||||
<div style={{ padding:'18px 20px 0', flexShrink:0 }}>
|
||||
|
||||
Reference in New Issue
Block a user