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

- embed resume appears fullscreen now

Browse Source
This commit is contained in:
oonyeje 2023-11-28 08:23:25 -05:00
parent 537dd39c55
commit 6965be57e2
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/content/carousel/index.tsx
View File

@ -44,7 +44,7 @@ const ContentCarousel = ({
{portfolioData.heroImgSrc && <Link className="w-full h-full align-middle flex flex-row justify-center" href={portfolioData.prototypeIframeURL} target="#"> {portfolioData.heroImgSrc && <Link className="w-full h-full align-middle flex flex-row justify-center" href={portfolioData.prototypeIframeURL} target="#">
<div className="flex flex-col justify-center"> <div className="flex flex-col justify-center">
<span> <span>
<div className="mb-8 w-full flex-row flex justify-center bg-white"><Image height={150} width={150} src={portfolioData.heroImgSrc} alt=""/></div> <div className="mb-8 w-full flex-row flex justify-center bg-white"><Image height={300} width={300} src={portfolioData.heroImgSrc} alt=""/></div>
</span> </span>
</div> </div>
</Link>} </Link>}

2
components/content/index.tsx
View File

@ -16,7 +16,7 @@ const Content = ({
innerChildren = <></> innerChildren = <></>
}: ContentProps) => { }: ContentProps) => {
return ( return (
<div className="p-4 px-10 flex flex-col"> <div className="h-full p-4 px-10 flex flex-col">
<div className=" w-fit pb-1 mb-8 border-b-2 border-white">{title}</div> <div className=" w-fit pb-1 mb-8 border-b-2 border-white">{title}</div>
{heroImgSrc && <div className="mb-8 h-full flex flex-row justify-center"><Image height={200} src={heroImgSrc} alt=""/></div>} {heroImgSrc && <div className="mb-8 h-full flex flex-row justify-center"><Image height={200} src={heroImgSrc} alt=""/></div>}
<div>{description}</div> <div>{description}</div>

2
lib/navigationContent.tsx
View File

@ -27,10 +27,10 @@ const navigationContent = [
description={contentValues.work.description} description={contentValues.work.description}
innerChildren={ innerChildren={
<div> <div>
<embed style={{height: 2850}} className='w-full mt-10' src={`${resumePdf}#toolbar=0&navpanes=0&scrollbar=0`} type="application/pdf"/>
<ContentCarousel <ContentCarousel
data={portfolioValues} data={portfolioValues}
/> />
<embed className='w-full h-52 mt-10' src={resumePdf} type="application/pdf"/>
</div> </div>
} }
/> />

4
pages/index.tsx
View File

@ -77,9 +77,9 @@ export default function Home() {
</div>} </div>}
{showModal && ( {showModal && (
<div className='justify-center flex flex-row bg-black bg-opacity-40'> <div className='justify-center flex flex-row bg-black bg-opacity-40'>
<div style={{height: '100%'}} className="laptop:px-24 absolute z-10 p-10 overflow-y-auto"> <div className="h-full w-full laptop:px-24 absolute z-10 p-10 overflow-y-auto">
<div className='flex flex-row justify-center'> <div className='flex flex-row justify-center'>
<div className="h-min z-20 bg-black bg-opacity-90 text-white rounded overflow-clip"> <div className=" h-max w-3/4 z-20 bg-black bg-opacity-90 text-white rounded overflow-clip">
<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>
</div> </div>