Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Style the Applicant tracking page. #247

Open
efisk15 opened this issue Oct 22, 2024 · 0 comments
Open

Style the Applicant tracking page. #247

efisk15 opened this issue Oct 22, 2024 · 0 comments

Comments

@efisk15
Copy link
Collaborator

efisk15 commented Oct 22, 2024

Description

I would like for you to style the Applicant tracking page based on the schema below. All you will need to do is center the title: "Applicant Tracking" and create the orange line that is running across the page and the image tag that will hold the H4I picture.

Do not worry about the blue buttons, or about the navbar to the left.

Technical Details

You will use a MUI Typography component to Display the title.
https://mui.com/material-ui/customization/typography/

You will use a MUI Box component to create the vertical line.
https://mui.com/material-ui/react-box/

You will use a MUI Image component to create the spot to hold an Image. Do not worry about filling the image. Just make sure it is in the correct place. You can do this by putting a test image into the component just to give you a sense of where it is. You could instead give it a border... which ever you prefer.
https://mui.com/toolpad/studio/reference/components/image/

Wrap all the components in a Box so that you can center everything.

Screenshot 2024-10-22 171037

Teachables

I have given you all the required information to do this task. I could give you step by step guide to how to complete this task, but with the Notion resources, you should be able to get it. If you need help with the task, please reach out to me or Nia. Please make an attempt first though because this will be the best way for you to learn.

Testing Steps

This should all be in the top level page.tsx file so you can see changes that you make by running the project and just watching the changes.

Dependencies

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants