Skip to content

fix: correct sign-in container alignment and footer dark theme rendering#1189

Merged
Priyanshu-byte-coder merged 4 commits into
Priyanshu-byte-coder:mainfrom
Niteshagarwal01:main
May 27, 2026
Merged

fix: correct sign-in container alignment and footer dark theme rendering#1189
Priyanshu-byte-coder merged 4 commits into
Priyanshu-byte-coder:mainfrom
Niteshagarwal01:main

Conversation

@Niteshagarwal01
Copy link
Copy Markdown
Contributor

Summary

This Pull Request resolves visual layout inconsistencies found on the authentication and main landing pages, ensuring proper alignment and theme consistency across the application UI.

Closes #1087

Type of Change

  • Bug fix
  • New feature
  • Documentation update
  • Refactor / code cleanup

Changes Made

  • src/app/auth/signin/page.tsx: Addressed the layout bug where the heading appeared to escape the authentication container by strictly enforcing a column-based flex layout (flex-col items-center) on the parent div. This ensures the logo, h1 heading, and all subsequent elements stay properly aligned and constrained within the container's bounds.
  • src/components/Footer.tsx: Fixed the white background rendering issue by explicitly passing the dark class to the footer element along with the bg-[var(--background)] utility and configuring a relative wrapper. This forces the footer to natively follow the application's dark mode variables, achieving visual consistency with the rest of the UI.

How to Test

Steps for the reviewer to verify this works:

  1. Pull this branch and run the application locally (npm run dev).
  2. Navigate to the /auth/signin route.
  3. Verify that the "WELCOME BACK." heading and DEVTRACK logo are perfectly aligned inside the authentication container without any overflow.
  4. Navigate to the main/landing page (/) and scroll to the bottom.
  5. Verify that the footer background has a dark background and correctly aligns with the dark-themed design of the page.

Checklist

  • Linked issue in summary
  • npm run lint passes locally
  • No TypeScript errors (npm run type-check)
  • Self-reviewed the diff
  • Added/updated tests if applicable (N/A)

@vercel
Copy link
Copy Markdown

vercel Bot commented May 26, 2026

@Niteshagarwal01 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring level:beginner GSSoC: Beginner difficulty (20 pts) labels May 27, 2026
@Priyanshu-byte-coder Priyanshu-byte-coder merged commit d75c265 into Priyanshu-byte-coder:main May 27, 2026
1 check passed
@github-actions
Copy link
Copy Markdown

🎉 Merged! Thanks for contributing to DevTrack.

If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers.

Keep an eye on open issues for your next contribution!

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

Labels

gssoc:approved GSSoC: PR approved for scoring level:beginner GSSoC: Beginner difficulty (20 pts)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix:sign in page heading is out of div and footer page is of white color

2 participants