Fix Page Content Layout on large devices

[corlard3y]

Pull Request Template

#1943

Description

• Problem/Feature:
• Fix Page Layout on Large screens
• On XL screens, adjust header height to 120px

Type of Change

• Bug fix
• New feature
• Code refactor
• Documentation update
• Other (please describe):

Checklist

• Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
  • Quick PR label added
• Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
  • DO NOT Merge PR label added

Frontend Guidelines

• Followed frontend guidelines as per the Guidelines Notion Doc

Build & Testing

• No errors in the build terminal
• Engineer has tested the changes on their local environment
• Engineer has tested the changes on deploy preview

Screenshots/Video with Explanation

• Before: Explain the previous behavior
  

• After: What's changed now

Additional Context

Review & Approvals

• Self-review completed
• Code review by at least one other engineer
• Documentation updates if applicable

Notes

[github-actions]

In Globals.js:

1. There is a missing closing brace '}' for the BIG_MODULES DESKTOP property.
2. The NAVBAR_SECTIONS object is missing a closing brace '}'.
3. The ADJUSTMENTS object is missing a closing brace '}'.
4. The ADJUSTMENTS object should not be inside the CONSTANTS object.
5. There is a typo in the MARGIN section where 'MARGIN:' should be 'MARGIN'.
6. There is a reference to 'globalsMargin' which should be corrected to 'GLOBALS'.

In MasterInterfacePage.tsx:

1. The 'overflow: visible;' style in the Interface styled component is missing a closing brace '}'.
2. The 'PreviewOuter' styled component is missing a closing brace '}'.
3. The 'PreviewBG' styled component is missing a closing brace '}'.
4. The 'PreviewContent' styled component is missing a closing brace '}'.
5. The 'Preview' styled component is missing a closing brace '}'.

Please make the necessary corrections and ensure the appropriate closing braces are added, and the referenced objects/variables are correctly named.

All looks good.

[github-actions]

PR Preview Action v1.4.7
Preview removed because the pull request was closed.
2024-10-30 06:32 UTC