WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

done with layout, needs an api

Browse Source
This commit was merged in pull request #77.
This commit is contained in:
Ebube
2023-05-18 10:22:34 +01:00
parent 9ccac4b0aa
commit 89399aa29a
7 changed files with 842 additions and 438 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Helpers/ModalCom.jsx
+2 -2
View File
@@ -1,6 +1,6 @@
import React, { useEffect } from "react";
export default function ModalCom({ action, children, situation, isOpen }) {
export default function ModalCom({ action, children, situation, isOpen, className }) {
useEffect(() => {
if (situation) {
document.body.style.overflowY = "hidden";
@@ -16,7 +16,7 @@ export default function ModalCom({ action, children, situation, isOpen }) {
onClick={action || isOpen}
className="fixed top-0 left-0 w-full lg:h-[100vh] h-full bg-black bg-opacity-40 backdrop-filter backdrop-blur-sm z-50"
></div>
<div className="children-element fixed lg:h-100vh h-full z-[99999999999999] w-full lg:w-auto ">
<div className={`children-element fixed lg:h-100vh h-full z-[99999999999999] w-full lg:w-auto ${className}`}>
{children && children}
</div>
</div>