research/statebuddy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better dialogs

Browse source
This commit is contained in:
Joeri Exelmans 2025-10-19 21:30:45 +02:00
parent ff32e6d000
commit c2dd27afa5
4 changed files with 39 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/App/App.tsx
View file

@ -149,10 +149,9 @@ export function App() {
return <>
{/* Modal dialog */}
{modal && <div
onMouseDown={() => setModal(null)}
style={{width: '100%', height: '100%', position:'absolute', textAlign: 'center', backgroundColor: 'rgba(127,127,127,0.5)' }}>
<div
style={{position: 'relative', top: '50%', transform: 'translateY(-50%)', textAlign: 'center', display: 'inline-block'}}>
className="modalOuter"
onMouseDown={() => setModal(null)}>
<div className="modalInner">
<span onMouseDown={e => e.stopPropagation()}>
{modal}
</span>