oonyeje/oonyeje-portfolio
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

- fix modal scroll repeating the background

Browse Source
This commit is contained in:
oonyeje 2023-09-30 07:04:07 -04:00
parent adfe3a9575
commit 6ee4aae9ed
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/index.tsx
View File

@ -64,8 +64,8 @@ export default function Home() {
</div> </div>
</div>} </div>}
{showModal && ( {showModal && (
<div className=''> <div style={{height: '100vh'}} className="laptop:px-24 absolute z-10 p-10 overflow-y-auto flex flex-row justify-center">
<div style={{height: '100vh'}} className="laptop:px-24 absolute z-10 p-10 bg-black bg-opacity-30 overflow-y-auto flex flex-row justify-center"> <div className=' bg-black bg-opacity-40'>
<div className=" laptop:w-1/2 z-20 bg-black bg-opacity-90 text-white rounded"> <div className=" laptop:w-1/2 z-20 bg-black bg-opacity-90 text-white rounded">
<div className="w-full flex flex-row justify-end p-4"> <div className="w-full flex flex-row justify-end p-4">
<span className="cursor-pointer" onClick={() => setShowModal(false)}>X</span> <span className="cursor-pointer" onClick={() => setShowModal(false)}>X</span>