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

style adjustment

Browse Source
This commit was merged in pull request #686.
This commit is contained in:
victorAnumudu
2024-04-01 11:41:29 +01:00
parent a4307310ad
commit cab461bd2e
9 changed files with 814 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Partials/MediaLayout.jsx
+12 -11
View File
@@ -4,12 +4,13 @@ import { useNavigate } from "react-router-dom";
import useToggle from "../../hooks/useToggle";
import { drawerToggle } from "../../store/drawer";
import ModalCom from "../Helpers/ModalCom";
import Header from "./Header";
// import Header from "./Header";
import MobileSidebar from "./MobileSideBar";
import RightSideBar from "./RightSideBar";
import Sidebar from "./Sidebar";
import MediaHeader from "./MediaHeader";
export default function MediaLayout({ children }) {
export default function MediaLayout({backpath, title, state, children }) {
const { drawer } = useSelector((state) => state.drawer);
const { userJobList } = useSelector((state) => state.userJobList);
const dispatch = useDispatch();
@@ -68,7 +69,7 @@ export default function MediaLayout({ children }) {
<div className={`nft-header-container-wrapper flex-1 md:ml-12 xl:ml-[110px] h-full`}>
{/* header */}
<div className="nft-header w-full lg:h-[100px] h-[70px] default-border-bottom dark:border-[#292967] z-40 xl:sticky fixed top-0 left-0 ">
<Header sidebarHandler={() => setMobileSidebar.toggle()} logoutModalHandler={logoutModalHandler} />
<MediaHeader backpath={backpath} title={title} state={state} sidebarHandler={() => setMobileSidebar.toggle()} logoutModalHandler={logoutModalHandler} />
</div>
{/* container */}
<div className="nft-container 2xl:flex 2xl:space-x-8 h-full mb-12 lg:mt-[140px] mt-24 xl:mt-10 flex flex-col xl:flex-row items-start justify-center gap-4">
@@ -109,14 +110,14 @@ export default function MediaLayout({ children }) {
Are you sure you want to Logout of your WrenchBoard account?
</p>
</div>
<div className="modal-footer-wrapper flex justify-center items-center gap-5">
<button onClick={logOut} type="button" className="text-white primary-gradient text-18 tracking-wide px-4 py-3 rounded-full">
{`Yes ${process.env.REACT_APP_LOGOUT_TEXT}`}
</button>
<button onClick={logoutModalHandler} type="button" className=" border-gradient text-18 tracking-wide px-4 py-3 rounded-full">
<span className="text-gradient">Not Now</span>
</button>
</div>
</div>
<div className="modal-footer-wrapper flex justify-center items-center gap-5">
<button onClick={logOut} type="button" className="text-white primary-gradient text-18 tracking-wide px-4 py-3 rounded-full">
{`Yes ${process.env.REACT_APP_LOGOUT_TEXT}`}
</button>
<button onClick={logoutModalHandler} type="button" className=" border-gradient text-18 tracking-wide px-4 py-3 rounded-full">
<span className="text-gradient">Not Now</span>
</button>
</div>
</div>
</ModalCom>