Fix: Resume Repl Example

[bdkopen]

• Update the Resume repl example to use the working example originally provided in the react-pdf repo.

Deployment preview: https://react-pdf-git-fork-bdkopen-fix-resume-example-diegomuracciole.vercel.app//repl?example=resume

Fixes issue: #138

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-pdf	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 11, 2025 3:52am
site-7bsx	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 11, 2025 3:52am

[diegomura]

Doc looks broken to me in url 😕

[bdkopen]

Sorry for the delay here, @diegomura! Ready for re-review.

I fixed the text overflowing and caught a few other spelling issues. Also made a few more Star Wars trivia corrections.

[diegomura]

Header paddings look odd to me. And also right alignment on the resume entries

[bdkopen]

@diegomura ready to go again.

I realized that this template was originally from the react-pdf repo (source). Rather than trying to fix all the styling here to try and make it look alright, I think it makes a lot more sense to just pull that working example directly in here.

I consolidated the multiple files into this one. The only modification was renaming the component styles variables to more specific ones like headerStyles.

Since the original example renders three pages with different @media layouts, this example will now demonstrate that too!

You can compare the rendered output to these snapshots (here, here, and here).